taxonomy

Taxonomie

Eine Open -Source -Anwendung, die mit dem neuen Router, den Serverkomponenten und allem weiteren in Next.js 13 erstellt wurde.

Warnung Diese App ist eine laufende Arbeit. Ich baue das in der Öffentlichkeit auf. Sie können den Fortschritt auf Twitter @Shadcn verfolgen. Siehe die Roadmap unten.

Über dieses Projekt

Dieses Projekt als Experiment, um zu sehen, wie eine moderne App (mit Funktionen wie Authentifizierung, Abonnements, API -Routen, statischen Seiten für Dokumente ... usw.) in Next.js 13 und Server -Komponenten funktionieren würde.

Dies ist keine Startervorlage.

Ein paar Leute haben mich gebeten, mich in einen Starter zu verwandeln. Ich denke, wir könnten das tun, sobald die neuen Funktionen keine Beta mehr haben.

Hinweis zur Leistung

Warnung Diese App verwendet die instabilen Veröffentlichungen für Next.js 13 und React 18. Der neue Router und die App Dir befinden sich noch in Beta und nicht in der Produktion. Erwarten Sie einige Leistungshits beim Testen des Dashboards . Wenn Sie etwas kaputt sehen, können Sie mich @shadcn pingen.

Merkmale

• Neue /app Dir,
• Routing, Layouts, verschachtelte Layouts und Layoutgruppen
• Daten abrufen, zwischenstrichen und Mutation
• UI laden
• Routenhandler
• Metadatendateien
• Server- und Client -Komponenten
• API -Routen und Middlewares
• Authentifizierung mit NextAuth.js
• Orm mit Prisma
• Datenbank auf Planetscale
• UI -Komponenten, die mit der Radix UI erstellt wurden
• Dokumentation und Blog mit MDX und ContentLayer
• Abonnements mit Streifen
• Mit Rückenwind -CSS gestylt
• Validierungen mit ZOD
• Geschrieben in TypeScript

Roadmap

• Fügen Sie MDX -Unterstützung für Basisseiten hinzu
• Marketingseiten erstellen
• Abonnements mit Streifen
• Reaktionsstile
• Fügen Sie das OG -Bild für das Blog mit @Vercel/OG hinzu
• Dunkler Modus

Bekannte Probleme

Eine Liste von Dingen, die momentan nicht funktionieren:

1. Github -Authentifizierung (E -Mail verwenden)
2. Prisma: Fehler: Enoent: Keine solche Datei oder Verzeichnis, öffnen Sie '/var/task/.next/server/chunks/schema.prisma' '
3. Weiter.js 13: Client Side Navigation aktualisiert den Kopf nicht
4. OpenGraph-Image.tsx in Catch-All-Routen kann nicht verwendet werden

Warum nicht TRPC, Turborepo oder X?

Ich könnte das später hinzufügen. Im Moment möchte ich sehen, wie weit wir Next.js nur verwenden können.

Wenn Sie einige Vorschläge haben, können Sie gerne ein Problem erstellen.

Vor Ort laufen

1. Installieren Sie Abhängigkeiten mit PNPM:

pnpm install

2. Kopieren .env.example in .env.local und aktualisieren Sie die Variablen.

cp .env.example .env.local

3. Starten Sie den Entwicklungsserver:

pnpm dev

Lizenz

Lizenziert unter der MIT -Lizenz.