braydoncoyer.dev

Braydoncoyer.dev

• Marco : Next.js
• Estilización : CSS de viento de cola
• Contenido : API de noción
• Base de datos : Supabase
• Abrir imágenes de gráficos : Cloudinary
• Boletín : Revue
• Despliegue : VERCEL

Descripción general del proyecto

• components/* - Varios componentes utilizados en todo el sitio.
• layouts/* : las diferentes opciones de diseño disponibles para usar en cada página.
• lib/* - abreviatura de "biblioteca", una colección de utilidades o código útiles para servicios externos.
• pages/api/* - Rutas API que alimentan reacciones de artículo, vistas de artículos, /stats , suscripción de boletines y generar un mapa del sitio.
• pages/blog/* - Páginas de blog pre -renderizadas estáticas que obtienen información de la API de noción.
• pages/stats - Estadísticas del sitio sobre mi sitio web.
• pages/* - Todas las demás páginas estáticas.
• public/* - Activos estáticos que incluyen robots.txt
• styles/* - Un puñado de estilos globales y clases reutilizables que utilizan @Aply con Vwind.
• data/* : un objeto simple que contiene datos globales sobre el sitio.

Ejecutando localmente

$ git clone https://github.com/braydoncoyer/braydoncoyer.dev.git
$ cd braydoncoyer.dev
$ npm install
$ npm run dev

Cree un archivo .env similar a .env.example e incluya las claves apropiadas.

Plantilla de artículo de noción

Duplique la siguiente base de datos de nociones, tome la ID de base de datos y agréguela a las variables de entorno en el archivo .env .