nextjs website boilerplate

Next.js sitio web Boilerplate

Una plantilla de sitio web que satisface algunos requisitos comunes del sitio web, incluidas páginas dinámicas, artículos de blog, gestión de autores, capacidad de SEO, formulario de contacto y búsqueda de sitios web. ¡Contribuciones bienvenidas!

Manifestación

Haga clic aquí para ver la demostración

Lea cómo se construyó esta aplicación

Características

1. Totalmente receptivo hasta el móvil con frontend de bootstrap
   
2. SEO listo
   
3. Un formulario de contacto que envía un correo electrónico a su (s) correo electrónico (s) de elección y a Cosmic para una fácil referencia
   
4. Funcionalidad de búsqueda en el sitio completo
   
5. Todo el contenido se administra fácilmente en Cosmic, incluidas páginas, blog e información de contacto.

Regístrese para Cosmic para instalar el contenido de demostración e implementar este sitio web.

Empezando

git clone https://github.com/cosmicjs/nextjs-website-boilerplate
cd nextjs-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

Importe el archivo bucket.json en su cubo cósmico. Para hacer esto, vaya a su cubo> Configuración> Importar / Exportar datos.

Configuración del formulario de contacto

Instale e implementa la función de correo electrónico SendGrid.

El formulario de contacto en la página de contacto utiliza la función de correo electrónico SendGrid para enviar correos electrónicos. Para implementar su función de correo electrónico, visite su cubo> Configuración> funciones. Instale e implementa la función SendGrid. Necesitará una cuenta con SendGrid para agregar su clave API SendGrid.

Agregue el punto final de la función sendGrid

en desarrollo

Vaya a config/index.js y edite SENDGRID_FUNCTION_ENDPOINT para agregar manualmente la URL para las pruebas.

en producción

Si está utilizando la opción de alojamiento web que está incluida con cada cubo:

1. Vaya a su cubo> Configuración> Hosting web
2. Implemente su sitio web
3. Haga clic en la pestaña 'Establecer variables de entorno' y agregue el punto final de la función SendGrid:

Llave	Valor
SendGrid_function_endpoint	https://your-lambda-endpoint.amazonaws.com/dev/send-email