Обратите внимание на этот шаблон сайта, построенный на Next.js и Cosmic JS. Он удовлетворяет ряду общих требований к веб-сайтам, включая динамические страницы, статьи в блогах, управление авторами, возможности SEO, контактную форму и поиск по сайту.
TL;DR
Загрузите репозиторий Next.js Website Boilerplate GitHub.
Посмотрите демо.
Функции
1. Полная адаптация к мобильным устройствам с интерфейсом Bootstrap
2. Готовность к поисковой оптимизации
3. Контактная форма, которая отправляет электронное письмо на выбранный вами адрес электронной почты и на Cosmic JS для удобства ссылка
4. Функциональность полного поиска по сайту
5. В Cosmic JS легко управлять всем контентом, включая страницы, блог и контактную информацию. Зарегистрируйтесь в Cosmic JS, чтобы установить демонстрационный контент и развернуть этот сайт.
Начать
git clone https://github.com/cosmicjs/nextjs-website-boilerplate cd medical-professional-next-js npm install
Импортируйте файл bucket.json в свое ведро Cosmic JS. Для этого перейдите в раздел "Ваш сегмент" ›Настройки› Импорт / экспорт данных. Или установите приложение со страницы Next.js Website App.
Запуск в производство
COSMIC_BUCKET=your-bucket-slug npm start
Перейдите на http: // localhost: 3000
Запуск в разработке
npm run dev
Перейдите на http: // localhost: 5000.
Настроить
Контактный адрес электронной почты Поскольку Next.js не имеет почтового сервера, контактная форма использует mailgun для отправки электронного письма. Поэтому добавьте следующие константы в файл конфигурации.