Descarga nextjs notion blog starter - Descargar el código fuente nextjs notion blog starter Descargar

nextjs notion blog starter

Código Fuente de IA

1.0.0

Descargar

Nextjs Notion Blog Starter

Demostración predeterminada: implementado desde la rama main
Configuración del blog: escribí un artículo sobre cómo usar este inicio para comenzar tu blog

Características

✅ La configuración lleva solo unos minutos (configuración de un solo archivo)?
✅ Suscripción del boletín a través de Convertkit API
✅ Análisis simple con Umami
✅ Imágenes sociales OG automáticas con plantilla de viento de cola
✅ URL automáticas bonitas
✅ Excelente velocidad de página
✅ Optimizado para Next.js y Vercel

? Construir con

Marco : Next.js, TypeScript
Estilización : CSS de viento de cola
Contenido : API de noción
Boletín : Convertkit
Despliegue : VERCEL

Descripción general del proyecto

layouts/* : los diferentes diseños utilizados en cada página.
components/* - Componentes utilizados en todo el sitio.
components/blocks/* - Bloques personalizados hechos para la representación de nociones.
utils/* - abreviatura de "utilidades", una colección de utilidades o código útiles para servicios externos.
pages/api/* -API Routes Powering /og-image Dynamic OG Imagen e /subscribe-convertkit .
pages/blog/* - Páginas de blog pre -renderizadas estáticas que obtienen información de la API de noción.
pages/* - Todas las demás páginas estáticas.
public/* - Activos estáticos que incluyen imágenes, fuentes y videos.
styles/* - Estilos globales y viento de cola.
siteData.ts : un archivo simple que contiene datos globales sobre el sitio.

? ‍️ Running localmente

git clone https://github.com/tuanphungcz/nextjs-notion-blog-starter
cd nextjs-notion-blog-starter
pnpm install
pnpm run dev

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

Desplegar en VERCEL

 NOTION_SECRET=
BLOG_DATABASE_ID=

# ConvertKit is optional
NEXT_PUBLIC_CONVERTKIT_FORM_ID=
NEXT_PUBLIC_CONVERTKIT_API_KEY=

# Umami is optional
NEXT_PUBLIC_UMAMI_ID=
NEXT_PUBLIC_UMAMI_URL=