nuxtjs website boilerplate

Nuxt.js сайт coalerplate

Шаблон веб -сайта, который удовлетворяет некоторым общим требованиям веб -сайта, включая динамические страницы, статьи в блоге, управление авторами, способность SEO, контактную форму и поиск веб -сайтов. Взносы приветствуются!

Демо

Нажмите здесь, чтобы просмотреть демо

Прочитайте, как было построено это приложение

Функции

1. Полностью отзывчивый на мобильный w/ bootstrap frontend
   
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

# Run in development and serve at localhost:3000
npm run dev

# build for production
npm run build

# Run in production and serve at localhost:3000
COSMIC_BUCKET=your-bucket-slug npm start

Импортируйте файл bucket.json в свое космос JS Bucket. Для этого перейдите в свое ведро> Настройки> Импорт / экспорт.

Настройка контактной формы

Установите и разверните функцию электронной почты SendGrid.

Контактная форма на странице контактов использует функцию электронной почты SendGrid для отправки электронных писем. Чтобы развернуть функцию электронной почты, перейдите в свое ведро> Настройки> Функции. Установите и разверните функцию SendGrid. Вам понадобится учетная запись с SendGrid, чтобы добавить свой ключ SendGrid API.

Добавить конечную точку функции SendGrid

в разработке

Перейдите в config/index.js и редактировать SENDGRID_FUNCTION_ENDPOINT , чтобы вручную добавить URL для тестирования.

в производстве

Если вы используете опцию веб -хостинга, которая включена в каждые ведро:

1. Перейдите в свое ведро> Настройки> Веб -хостинг
2. Развернуть свой сайт
3. Нажмите вкладку «Установить переменные среды» и добавьте конечную точку функции SendGrid:

Ключ	Ценить
Sendgrid_function_endpoint	https://your-lambda-endpoint.amazonaws.com/dev/send-email