Обратите внимание на этот шаблон веб-сайта, построенный на Nuxt.js и Cosmic JS. Он удовлетворяет ряду общих требований к веб-сайтам, включая динамические страницы, статьи в блогах, управление авторами, возможности SEO, контактную форму и поиск по сайту.
TL;DR
Загрузите репозиторий GitHub
Посмотрите демонстрацию.
Функции
1. Полная адаптация к мобильным устройствам с интерфейсом Bootstrap
2. Готовность к SEO
3. Контактная форма, которая отправляет электронное письмо на выбранный вами адрес электронной почты и на Cosmic JS для удобства ссылка
4. Функциональность полного поиска по сайту
5. В Cosmic JS легко управлять всем контентом, включая страницы, блог и контактную информацию. Зарегистрируйтесь в Cosmic JS, чтобы установить демонстрационный контент и развернуть этот сайт.
Начать
git clone https://github.com/cosmicjs/nuxtjs-website-boilerplate cd nuxtjs-website-boilerplate npm install
Импортируйте файл bucket.json в корзину Cosmic JS. Для этого перейдите в раздел "Ваш сегмент" ›Настройки› Импорт / экспорт данных.
Запуск в производство
COSMIC_BUCKET=your-bucket-slug npm start
Перейдите на http: // localhost: 3000
Запуск в разработке
Создайте файл config / development.js и сопоставьте его с config / production.js с вашими значениями.
npm run development
Перейдите на http: // localhost: 5000.
Env vars
Как указано на веб-сайте Nuxt.js, вам нужно будет установить для переменной окружения HOST значение 0.0.0.0. Это уже сделано для вас в сценарии package.json, но вы также можете установить это в разделе Задать переменные среды в разделе Сегмент ›Настройки› Развернуть веб-приложение.
Конфиг
Поскольку в Node.js нет почтового сервера, в контактной форме для отправки электронного письма используется mailgun. Поэтому добавьте следующие константы в файл конфигурации.