Next js Blog Boilerplate Download - Next js Blog Boilerplate Code Download

Next js Blog Boilerplate

Código-Fonte de IA

1.0.0

Baixar

Próximo JS Blog Boilerplate com CSS de Tailwind

Banner de iniciantes NextJS

BLOILERPLATE DE BLOILER.JS BLOILER IS STILTER CÓDIGO PARA O SEU BLOG BASENTE NO NEXT.JS 12+ Framework com o Tailwind CSS 3.0. ⚡️ feito com o próximo.js, tipycript, slint, mais bonito, postcss, cauda de vento.

Clone este projeto e use -o para criar seu próprio blog Next.js. Você pode verificar a próxima demonstração de modelos de blog JS.

Patrocinadores



Adicione seu logotipo aqui

Características

Recurso do blog:

? Sintaxe destacando com prism.js
? Metadados de SEO e tags de gráfico aberto
JSON-LD para indexação mais rica
Paginação
? Inclua um tema de blog minimalista gratuito
Markdown
? Maximize a pontuação do farol

Experiência do desenvolvedor primeiro:

Next.js para gerador de local estático
? Integrar -se com o Tailwind CSS
? POSTCSS para processamento de Tailwind CSS
? TIPO TIPO TIPO TIPO
✏️ Linter com Eslint
? Formateira de código com mais bonito
? Seo Metadata, JSON-LD e Tags de gráficos abertos com o próximo SEO
Analisador de Bundler

Recurso interno de Next.js:

☕ Minify HTML & CSS
? Recarregar ao vivo
✅ Busting de cache

Filosofia

Código mínimo
Seo amigável
Pronto para a produção

Requisitos

Node.js e NPM

Patrocinadores

Começando

Execute o seguinte comando em seu ambiente local:

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

Em seguida, você pode executar localmente no modo de desenvolvimento com recarga ao vivo:

 npm run dev

Abra http: // localhost: 3000 com seu navegador favorito para ver seu projeto.

 .
├── _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

Personalização

Você pode configurar facilmente o próximo JS Boilerplate. Altere o seguinte arquivo:

public/apple-touch-icon.png , public/favicon.ico , public/favicon-16x16.png e public/favicon-32x32.png : seu blog favicon, você pode gerar em https://favicon.io/favicon-converter/
public/assets/images/logo.png , public/assets/images/logo-32x32.png : o logotipo do seu blog
src/styles/main.css : seu blog CSS File usando o cauda CSS
src/utils/Config.ts : arquivo de configuração como nome do blog, URL, etc.
src/templates/Main.tsx : tema do blog

Implantar para a produção

Você pode ver os resultados localmente no modo de produção com:

 $ npm run build
$ npm run start

Os arquivos HTML e CSS gerados são minificados (recurso interno do próximo JS). Ele também removerá o CSS não utilizado do Tailwind CSS.

Você pode criar uma construção de produção otimizada com:

 npm run build-prod

Agora, seu blog está pronto para ser implantado. Todos os arquivos gerados estão localizados na pasta dist , que você pode implantar com qualquer serviço de hospedagem.