Web Developer Blog es un blog personal que comparte contenido de calidad y actualizado sobre el desarrollo web full stack con Javascript. El objetivo del blog es ayudar a los desarrolladores web Jr. a mejorar sus habilidades y superar pruebas técnicas.
- Escritura técnica en formato markdown con soporte para MDX, que permite usar componentes de React dentro del markdown.
- Estilo personalizable con Tailwind CSS, un framework de CSS basado en utilidades que permite crear sitios web modernos sin salir del HTML.
- Generación de sitio web estático con Next.js, un marco de desarrollo web basado en React que permite una buena experiencia de usuario.
- Despliegue fácil en Vercel, un servicio de hosting gratuito que permite publicar sitios web estáticos directamente desde un repositorio local.
Para usar este proyecto, debes seguir los siguientes pasos:
- Clonar el repositorio del proyecto en GitHub: https://github.com/timlrx/tailwind-nextjs-starter-blog/tree/main. O usar este template: https://vercel.com/templates/next.js/tailwind-css-starter-blog desde el sitio web de Vercel.
- Instalar las dependencias con
yarn installonpm install. - Ejecutar el servidor de desarrollo con
yarn devonpm run dev. - Crear tus posts en formato markdown dentro de la carpeta
app/posts. Puedes usar los archivos de ejemplo como referencia para el formato y los metadatos que debes incluir en cada post. También puedes agregar imágenes dentro de la carpetapublic/staticy referenciarlas en tus posts con la ruta/static/imagen.jpg. - Personalizar el aspecto y el comportamiento de tu blog editando los archivos dentro de las carpetas
components,css,dataylayouts. Puedes cambiar el nombre del blog, el autor, la descripción, el tema, los colores, las fuentes, los componentes y mucho más. Consulta la documentación del template para más detalles sobre cada archivo y opción. - Generar el sitio web estático con
yarn buildonpm run build. Esto creará una carpeta.nextcon los archivos necesarios para desplegar tu blog en Vercel.
Este proyecto está licenciado bajo la licencia MIT, lo que significa que puedes usarlo, modificarlo y distribuirlo libremente, siempre que incluyas el archivo de licencia original y des crédito al autor. El autor del proyecto es Timothy Lin, un desarrollador web apasionado por el aprendizaje continuo.