Skip to content

deCaldas/webDeveloperBlog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Developer Blog

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.

Características

  • 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.

Uso

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 o npm install.
  • Ejecutar el servidor de desarrollo con yarn dev o npm 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 carpeta public/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 y layouts. 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 o npm run build. Esto creará una carpeta .next con los archivos necesarios para desplegar tu blog en Vercel.

Licencia

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.

Licence

MIT © Timothy Lin