maxleiter.com

Meu site pessoal

Começando

1. Instale o gerenciador de pacotes pnpm : https://pnpm.io/
2. Execute pnpm no diretório do projeto
3. Execute pnpm dev para iniciar um servidor de desenvolvedor local

Variáveis de ambiente

• GITHUB_TOKEN : necessário se você quiser buscar estrelas do github para projetos
• NEXT_PUBLIC_SUPABASE_URL , SUPABASE_SERVICE_ROLE_KEY , NEXT_PUBLIC_SUPABASE_ANON_KEY : necessário para análises. Veja https://maxleiter.com/blog/supabase-next-analytics para mais informações
• Se você deseja o hash commit git na parte inferior da página inicial, você precisa hospedar com vercel ou fornecer um NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA Env var

Uso:

• pnpm <command> :
  • lint : arquivos automaticamente fiados
  • dev : Inicie uma instância local com recarga ao vivo
  • rss : gerar um feed RSS
  • build : gerar um local de alimentação e produção RSS
  • analyze : gerar um pacote que você pode inspecionar via @next/bundle-analyzer
  • start : Iniciar uma instância de produção construída via yarn build

Estrutura do diretório:

• App
• components/ : react componentes
• data/ : dados estáticos que podem ser movidos para um db ou algo assim
• lib/ : Hooks, Stuff Stuff Stuff Stuff, Funções UTILS
• pages/ : Next.js Pages (as rotas reais renderizadas)
• styles/ : contém os estilos globais
• pages/api : NEXTJS API Rotas
• posts/ : Arquivos de marcação renderizados no horário de construção
• public/ : imagens para blog, favicon, arquivos construídos
• scripts/ : contém os scripts para construir o mapa do site e o feed RSS