Blog sobre Frontend, Planificación y Autocuidado
-
Implementa Static Site Generation (SSG).
-
Usa notación Markdown para la redacción de los artículos (Posts).
-
Presenta una Página Inicio (Home).
-
Categoriza artículos por temas (Tags).
-
Estiliza sintaxis de fragmentos de códigos (Snippets Code Highlighting).
-
Preferencia de temas modo claro y oscuro (Dark or Light Mode Theme)
-
Campo de búsqueda de artículos con autocomplete básico (Autocomplete)
-
Tarjeta para autores invitados (Card Autor)
-
Portafolio de proyectos (Portafolio).
-
Carousel de proyectos.
-
Animaciones de reseñas de clientes felices.
Las herramientas utilizadas en el desarrollo del proyecto fueron:
-
Next.js v13.1.1 - Principal framework de React para producción.
-
React.js v18.2.0 - Biblioteca de JavaScript para crear interfaces de usuario.
-
react-dom v18.2.0 - Paquete que proporciona métodos para la gestión del DOM con React.js.
-
next-themes v0.2.1 - Paquete para tema claro o oscuro.
Instalar dependencias
npm install
Ejecutar servidor de desarrollo
npm run dev
Abrir en el navegador http://localhost:3000
Pasar linter
npm run lint
Corrige automático
npm run lint-fix
npm run build
Compilado final se genera en la carpeta out.
Pronto
- Ordenar últimos artículos por fecha de publicación.