nextjs notion blog starter Download - nextjs notion blog starter Download de código fonte

nextjs notion blog starter

Código-Fonte de IA

1.0.0

Baixar

NextJS noção de iniciação do blog

Demonstração padrão - implantado da filial main
Configuração do blog - escrevi um artigo sobre como usar este iniciante para iniciar seu blog

Características

✅ A configuração leva apenas alguns minutos (configuração de arquivo único)?
✅ assinatura de boletim informativo via API Convertkit
✅ Analytics simples com Umami
✅ Imagens sociais automáticas de OG com modelo de vento de cauda
✅ URLs bonitos automáticos
✅ Excelente velocidade de página
✅ otimizado para o próximo.js e vercel

? Construir com

Framework : Next.js, TypeScript
Estilo : CSS do Tailwind CSS
Conteúdo : API de noção
Newsletter : ConvertKit
Implantação : vercel

Visão geral do projeto

layouts/* - Os diferentes layouts usados em cada página.
components/* - componentes usados em todo o site.
components/blocks/* - blocos personalizados feitos para renderização de noção.
utils/* - abreviação de "utilitários", uma coleção de utilitários úteis ou código para serviços externos.
pages/api/* -Rotas de API Powering /og-image Dynamic OG Image e /subscribe-convertkit assinatura do boletim informativo.
pages/blog/* - Páginas de blog pré -renderizadas estáticas que buscam informações da API de noção.
pages/* - todas as outras páginas estáticas.
public/* - Ativos estáticos, incluindo imagens, fontes e vídeos.
styles/* - Estilos globais e Tailwind.
siteData.ts - Um arquivo simples contendo dados globais sobre o site.

? ‍♂️ Executando localmente

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

Crie um arquivo .env semelhante a .env.example e inclua as teclas apropriadas.

Implantar para 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=