Téléchargement Next js Blog Boilerplate - Téléchargement du code source Next js Blog Boilerplate Téléchargement

Next js Blog Boilerplate

Code Source AI

1.0.0

Télécharger

Next JS Blog Plaque de chauffeur avec Tailwind CSS

Bannière de démarrage de nextjs

Next.js Blog Blog Playplate est le code de démarrage de votre blog basé sur le cadre Next.js 12+ avec Tailwind CSS 3.0. ⚡️ Fabriqué avec Next.js, dactylographié, eslint, plus joli, postcss, css de vent arrière.

Clone ce projet et utilisez-le pour créer votre propre blog Next.js. Vous pouvez consulter une démonstration de modèles de blog JS Next JS.

Sponsors

Commencer

Exécutez la commande suivante sur votre environnement local:

 git clone --depth=1 https://github.com/ixartz/Next-js-Blog-Boilerplate.git my-project-name
cd my-project-name
npm install

Ensuite, vous pouvez fonctionner localement en mode développement avec un rechargement en direct:

 npm run dev

Ouvrez http: // localhost: 3000 avec votre navigateur préféré pour voir votre projet.

 .
├── _posts            # Your blog posts
├── public            # Static files
│   ├── assets
│   │   └── images
│   │       └── posts # Images used in your blog posts
└── src
    ├── pages         # Next.js pages
    ├── styles        # Your blog CSS files
    └── templates     # Blog templates

Personnalisation

Vous pouvez facilement configurer le prochain chaudron JS. Veuillez modifier le fichier suivant:

public/apple-touch-icon.png , public/favicon.ico , public/favicon-16x16.png et public/favicon-32x32.png : Votre blog favicon, vous pouvez générer à partir de https://favicon.io/favicon-converter/
public/assets/images/logo.png , public/assets/images/logo-32x32.png : le logo de votre blog
src/styles/main.css : votre fichier CSS blog à l'aide de Tailwind CSS
src/utils/Config.ts : fichier de configuration comme le nom du blog, l'URL, etc.
src/templates/Main.tsx : thème du blog

Déploier à la production

Vous pouvez voir les résultats localement en mode de production avec:

 $ npm run build
$ npm run start

Les fichiers HTML et CSS générés sont minifiés (fonction intégrée de Next JS). Il a également supprimé le CSS inutilisé du vent arrière CSS.

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

 npm run build-prod

Maintenant, votre blog 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 avec n'importe quel service d'hébergement.