Maison >interface Web >js tutoriel >Top pen-Source Next.js Boilerplates/Démarreur

Top pen-Source Next.js Boilerplates/Démarreur

Susan Sarandon
Susan Sarandonoriginal
2024-12-05 08:25:12987parcourir

Next.js est un framework de développement Web open source construit sur Node.js qui prend en charge les fonctionnalités des applications Web basées sur React telles que le rendu côté serveur et la génération de sites Web statiques.

Bien que Next.js. nous permet officiellement de créer rapidement des projets Next.js avec la commande npx create-next-app@latest, les projets Web matures impliquent souvent l'authentification des utilisateurs, des bases de données, des paiements et d'autres fonctionnalités. Développer ces fonctionnalités à partir de zéro peut être un défi pour les débutants de Next.js. Il existe d'excellents projets open source Next.js Starter que nous pouvons utiliser pour relever ce défi et accélérer notre processus de développement.

Ensuite, je vais présenter 8 passe-partout Next.js recommandés par le site Web Next.js Starter Directory.

1. tailwind-nextjs-starter-blog

Il s'agit d'un modèle de démarrage de blog CSS Next.js, Tailwind. Sorti de la boîte, configuré avec les dernières technologies pour rendre la rédaction technique un jeu d'enfant.

MIT / 8,9K Étoile

Top pen-Source Next.js Boilerplates/Starter

Pile technologique

  • Framework : Next.js
  • Bibliothèque d'interface utilisateur : @headlessui/react
  • Style CSS : Tailwind CSS
  • CMS : contentlayer2

2. Plateformes Vercel

Une application Next.js full-stack avec prise en charge de la multi-location et des domaines personnalisés. Construit avec Next.js App Router et l'API Vercel Domains.

MIT / 5,7K Étoile

Top pen-Source Next.js Boilerplates/Starter

Pile technologique

  • Framework : Next.js
  • Style CSS : Tailwind CSS
  • ORM : Bruine
  • Authentification : NextAuth.js
  • Éditeur : Roman
  • Graphiques : Tremblements

3. prochaine forge

Modèle Turborepo de qualité production pour les applications Next.js.

MIT / 4,1K Étoile

Top pen-Source Next.js Boilerplates/Starter

Pile technologique

  • Framework : Next.js
  • Style CSS : Tailwind CSS
  • Bibliothèque d'interface utilisateur : Radix UI
  • ORM : Prisma
  • DB : Néon
  • Paiement : Stripe

4. fragments

Modèle Next.js open source pour créer des applications entièrement générées par l'IA.

Apache-2.0 / 3,5K étoiles

Top pen-Source Next.js Boilerplates/Starter

Pile technologique

  • Framework : Next.js
  • Style CSS : Tailwind CSS
  • Bibliothèque d'interface utilisateur : Radix UI
  • DB : Supabase

5. prochain-shadcn-dashboard-starter

Démarreur du tableau de bord d'administration avec Nextjs14 et shadcn ui.

MIT / 2,9K Étoile

Top pen-Source Next.js Boilerplates/Starter

Pile technologique

  • Framework : Next.js
  • Style CSS : Tailwind CSS
  • Composants : Shadcn-ui
  • Auth : Auth.js
  • Gestion de l'État : Zustand

6. langchain-ai/langchain-nextjs-template

Modèle de démarrage LangChain Next.js.

MIT / 1,5K Étoile

Top pen-Source Next.js Boilerplates/Starter

Pile technologique

  • Framework : Next.js
  • Style CSS : Tailwind CSS
  • DB : Supbase
  • IA : Langchainjs

7. kit de démarrage nextjs

Le kit de démarrage Ulimate Nextjs. Créez le prochain produit SAAS de vos rêves. Piles incluses.

MIT / 1,2K Étoile

Top pen-Source Next.js Boilerplates/Starter

Pile technologique

  • Framework : Next.js
  • Style CSS : Tailwind CSS
  • DB : Supbase
  • ORM : Prisma
  • Authentification : greffier
  • Paiement : Stripe

8. tchadsuivant

ChadNext - Le modèle de démarrage rapide pour votre projet Next comprend le routeur d'application Next.js 15, l'interface utilisateur Shadcn, LuciaAuth, Prisma, les actions du serveur, Stripe, l'internationalisation et plus encore.

MIT / 1K Étoile

Top pen-Source Next.js Boilerplates/Starter

Pile technologique

  • Framework : Next.js
  • Style CSS : Tailwind CSS
  • Composants : Shadcn-ui
  • ORM : Prisma
  • Auth:LuciaAuth
  • Paiement : Stripe

En plus des 8 passe-partout open source next.js ci-dessus, Next.js Starter Directory présente également d'autres passe-partout, vous pouvez visiter Next.js Starter Directory pour trouver plus de passe-partout. Si vous avez d'autres excellents passe-partout next.js, n'hésitez pas à me laisser un message.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn