Next js Blog Boilerplate - Next js Blog Boilerplate Código fuente de descarga

Next js Blog Boilerplate

Código Fuente de IA

1.0.0

Descargar

Siguiente Blog JS Blog Boilerplate con Tailwind CSS

Banner de inicio de NextJS

Next.js Blog Boilerplate es un código de inicio para su blog basado en el marco Next.js 12+ con Tailwind CSS 3.0. ⚡️ Hecho con Next.js, TypeScript, Eslint, Prettier, PostCSS, Tailwind CSS.

Clone este proyecto y úselo para crear su propio blog Next.js. Puede consultar una próxima demostración de plantillas de blog JS.

Patrocinadores



Agregue su logotipo aquí

Características

Función del blog:

? Destacando sintaxis con prism.js
? Metadatos de SEO y etiquetas gráficas abiertas
JSON-LD para la indexación más rica
Paginación
? Incluir un tema de blog minimalista gratuito
Reducción
? Maximizar la puntuación del faro

Experiencia del desarrollador primero:

Next.js para el generador de sitios estáticos
? Integrar con CSS de Vail
? PostCSS para procesar el viento cola CSS
? Escriba la corriente de compra de TypeScript
✏️ Linter con Eslint
? Formatero de código con más bonito
? Metadatos de SEO, JSON-LD y etiquetas de gráficos abiertos con el próximo SEO
Analizador de bundler

Característica incorporada de Next.js:

☕ Minificar HTML y CSS
? Recargar en vivo
✅ Busto al caché

Filosofía

Código mínimo
De SEO
Preparado para la producción

Requisitos

Node.js y npm

Patrocinadores

Empezando

Ejecute el siguiente comando en su entorno local:

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

Luego, puede ejecutar localmente en modo de desarrollo con la recarga en vivo:

 npm run dev

Abra http: // localhost: 3000 con su navegador favorito para ver su proyecto.

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

Personalización

Puede configurar fácilmente la próxima boilerplate JS. Cambie el siguiente archivo:

public/apple-touch-icon.png , public/favicon.ico , public/favicon-16x16.png y public/favicon-32x32.png : su blog Favicon, puede generar en https://favicon.io/favicon-converter/
public/assets/images/logo.png , public/assets/images/logo-32x32.png : el logotipo de su blog
src/styles/main.css : el archivo CSS de su blog con CSS Tailwind
src/utils/Config.ts : archivo de configuración como nombre de blog, URL, etc.
src/templates/Main.tsx : tema del blog

Desplegar a la producción

Puede ver los resultados localmente en modo de producción con:

 $ npm run build
$ npm run start

Los archivos HTML y CSS generados están minificados (función incorporada de la siguiente JS). También eliminará CSS no utilizado de CSS de viento de cola.

Puede crear una construcción de producción optimizada con:

 npm run build-prod

Ahora, su blog está listo para ser implementado. Todos los archivos generados se encuentran en la carpeta dist , que puede implementar con cualquier servicio de alojamiento.