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 install
onpm install
. - Ejecutar el servidor de desarrollo con
yarn dev
onpm 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/static
y 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
,data
ylayouts
. 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 build
onpm run build
. Esto creará una carpeta.next
con 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.