taxonomy

Taxonomia

Um aplicativo de código aberto criado usando o novo roteador, componentes do servidor e tudo novo no próximo.js 13.

Aviso Este aplicativo é um trabalho em andamento. Estou construindo isso em público. Você pode seguir o progresso no Twitter @shadcn. Veja o roteiro abaixo.

Sobre este projeto

Este projeto como um experimento para ver como um aplicativo moderno (com recursos como autenticação, assinaturas, rotas de API, páginas estáticas para documentos ... etc) funcionaria no próximo.js 13 e componentes do servidor.

Este não é um modelo de partida.

Algumas pessoas me pediram para transformar isso em uma partida. Acho que poderíamos fazer isso assim que os novos recursos estiverem fora da versão beta.

Nota no desempenho

Aviso que este aplicativo está usando os lançamentos instáveis para Next.js 13 e React 18. O novo roteador e Dir ainda estão na versão beta e não estão prontos para a produção. Espere alguns acertos de desempenho ao testar o painel . Se você vir algo quebrado, você pode me ping @shadcn.

Características

• Novo /app diretor,
• Roteamento, layouts, layouts aninhados e grupos de layout
• Busca de dados, cache e mutação
• Carregando interface do usuário
• Manipuladores de rota
• Arquivos de metadados
• Componentes de servidor e cliente
• Rotas de API e Middlewares
• Autenticação usando Nextauth.js
• Orm usando prisma
• Banco de dados na escala de planetas
• Componentes da interface do usuário construídos usando Radix UI
• Documentação e blog usando MDX e ContentLayer
• Assinaturas usando listras
• Estilizado usando CSS de Tailwind
• Valitações usando Zod
• Escrito em TypeScript

Roteiro

• Adicione suporte MDX para páginas básicas
• Construir páginas de marketing
• Assinaturas usando listras
• Estilos responsivos
• Adicionar imagem OG para blog usando @vercel/og
• Modo escuro

Questões conhecidas

Uma lista de coisas que não estão funcionando agora:

1. Autenticação do Github (use email)
2. PRISMA: ERRO: ENOENT: Nenhum arquivo ou diretório, aberto '/var/task/.next/server/chunks/schema.prisma'
3. Next.js 13: A navegação do lado do cliente não atualiza a cabeça
4. Não posso usar o OpenGraph-image.tsx dentro de rotas de captura

Por que não TRPC, turborepo ou x?

Eu posso acrescentar isso mais tarde. Por enquanto, quero ver até onde podemos usar o próximo.js.

Se você tiver algumas sugestões, fique à vontade para criar um problema.

Executando localmente

1. Instale dependências usando o PNPM:

pnpm install

2. Cópia .env.example para .env.local e atualize as variáveis.

cp .env.example .env.local

3. Inicie o servidor de desenvolvimento:

pnpm dev

Licença

Licenciado sob a licença do MIT.