taxonomy

Taxonomía

Una aplicación de código abierto creada con el nuevo enrutador, componentes del servidor y todo lo nuevo en Next.js 13.

Advertencia de que esta aplicación es un trabajo en progreso. Estoy construyendo esto en público. Puedes seguir el progreso en Twitter @Shadcn. Vea la hoja de ruta a continuación.

Sobre este proyecto

Este proyecto como un experimento para ver cómo una aplicación moderna (con características como autenticación, suscripciones, rutas API, páginas estáticas para documentos ... etc.) funcionaría en Next.js 13 y componentes del servidor.

Esta no es una plantilla de inicio.

Algunas personas me han pedido que convirtiera esto en un titular. Creo que podríamos hacer eso una vez que las nuevas características estén fuera de Beta.

Nota sobre el rendimiento

ADVERTENCIA Esta aplicación está utilizando las versiones inestables para Next.js 13 y React 18. El nuevo enrutador y la aplicación DIR todavía está en beta y no está listo para la producción. Espere algunos éxitos de rendimiento al probar el tablero . Si ves algo roto, puedes hacer ping @shadcn.

Características

• Nuevo /app dir,
• Enrutamiento, diseños, diseños anidados y grupos de diseño
• Datos de recolección, almacenamiento en caché y mutación
• Cargando ui
• Manejadores de ruta
• Archivos de metadatos
• Componentes de servidor y cliente
• Rutas API y artículos intermedios
• Autenticación usando nextAuth.js
• Orm usando prisma
• Base de datos en planetscale
• Componentes de UI construidos con Radix UI
• Documentación y blog usando MDX y ContentLayer
• Suscripciones utilizando stripe
• Estilizado con CSS de viento de cola
• Validaciones utilizando Zod
• Escrito en TypeScript

Hoja de ruta

• Agregar soporte MDX para páginas básicas
• Construir páginas de marketing
• Suscripciones utilizando stripe
• Estilos receptivos
• Agregue la imagen OG para el blog usando @Vercel/OG
• Modo oscuro

Problemas conocidos

Una lista de cosas que no funcionan en este momento:

1. Autenticación de GitHub (use el correo electrónico)
2. Prisma: Error: Enoent: no hay dicho archivo o directorio, abrir '/var/task/.next/server/chunks/schema.prisma'
3. Next.js 13: la navegación del lado del cliente no actualiza el jefe
4. No se puede usar OpenGraph-Image.tsx dentro de las rutas de captura

¿Por qué no TRPC, Turborepo o X?

Podría agregar esto más tarde. Por ahora, quiero ver qué tan lejos podemos llegar solo usando Next.js.

Si tiene algunas sugerencias, no dude en crear un problema.

Ejecutando localmente

1. Instalar dependencias utilizando PNPM:

pnpm install

2. Copie .env.example a .env.local y actualice las variables.

cp .env.example .env.local

3. Inicie el servidor de desarrollo:

pnpm dev

Licencia

Licenciado bajo la licencia del MIT.