tailnext

TailNext

TailNext est un modèle gratuit et open-source pour fabriquer votre site Web à l'aide de NIXTJS + Tailwind CSS . Prêt à démarrer un nouveau projet et conçu en tenant compte des meilleures pratiques.

Caractéristiques

• ✅ Intégration avec le vent arrière CSS supportant le mode sombre .
• ✅ Scores prêts pour la production dans les rapports de phare et Pagespeed Insights.
• ✅ Optimisation d'image et optimisation des polices .
• ✅ Blog rapide et convivial .
• ✅ Génération de sitemap de projet et de robots.txt en fonction de vos itinéraires.

Table des matières

• Démo
• Commencer
  • Structure du projet
  • Commandes
  • Configuration
  • Déployer
• Feuille de route
• Contributif
• Remerciements
• Licence

Démo

? https://tailnext.vercel.app/

Commencer

• Clone: git clone https://github.com/onwidget/tailnext.git
• Entrez dans le répertoire: cd tailnext
• Installation des dépendances: npm install
• Démarrer le serveur de développement: npm run dev
• Voir le projet dans l'environnement local: localhost:3000

Structure du projet

À l'intérieur du modèle TailNext , vous verrez les dossiers et fichiers suivants:

 /
├── .storybook/
├── app/
│   ├── (blog)
│   │   ├── [slug]
|   |   |   └── page.js
|   |   └── blog
|   |       └── page.js
│   ├── head.js
│   ├── layout.js
│   └── page.js
├── public/
│   └── favicon.svg
├── src/
│   ├── assets/
│   │   ├── images/
|   |   └── styles/
|   |       └── base.css
│   ├── components/
│   │   ├── atoms/
|   |   └── widgets/
|   |       ├── Header.astro
|   |       ├── Footer.astro
|   |       └── ...
│   │── content/
│   |   └── blog/
│   |       ├── demo-post-1.md
│   |       └── ...
│   ├── stories/
│   ├── utils/
│   └── config.mjs
├── package.json
└── ...

Expert saisissant Next.js? Supprimer ce fichier. Mettre à jour config.mjs et contenu. Amusez-vous!

Commandes

Toutes les commandes sont exécutées à partir de la racine du projet, à partir d'un terminal:

Commande	Action
npm install	Installer des dépendances
npm run dev	Démarre le serveur de développement local sur localhost:3000
npm run build	Construisez votre site de production sur ./dist/
npm run preview	Aperçu de votre construction localement, avant de déployer
npm run storybook	Ouvrez le livre de contes pour voir les histoires des widgets
npm run format	Codes de format avec plus de jolies
npm run lint:eslint	Exécuter Eslint

Configuration

À venir ..

Déployer

Déployer en production (manuel)

Vous pouvez créer une construction de production optimisée avec:

npm run build

Maintenant, votre site Web est prêt à être déployé. Tous les fichiers générés sont situés dans le dossier dist , que vous pouvez déployer le dossier sur tout service d'hébergement que vous préférez.

Déploier sur netlify

Clone ce référentiel sur son propre compte GitHub et déployer sur netlify:

Déployer à Vercel

Clone ce référentiel sur son propre compte GitHub et déployer sur Vercel:

Feuille de route

À venir ..

Contributif

Si vous avez une idée, des suggestions ou trouvez des bogues, n'hésitez pas à ouvrir une discussion, à un problème ou à créer une demande de traction. Ce serait très utile pour nous tous et nous serions heureux d'écouter et d'agir.

Remerciements

Initialement créé par OnWidget et entretenu par une communauté de contributeurs.

Licence

TailNext est autorisé sous la licence MIT - voir le fichier de licence pour plus de détails.