3

Crea tu propio Blog en React + Next.js

<h1>Crea tu propio Blog en React + Next.js</h1>

Hola 👋!

Si ya terminaste el curso de Next.js te recomiendo que sigas practicando y profundices tus conocimientos.
Por ejemplo puedes continuar tu aprendizaje creando un Blog en React + Next.js utilizando el siguiente tutorial en dónde puedes repasar todo lo aprendido en el curso.

El tutorial se encuentra en este link.

Si tienes dudas, yo ya finalicé el proyecto y le agregué algunos features como calcular el tiempo de lectura de las notas y generar los meta tag para cada post en forma dinámica.

El proyecto lo puedes encontrar en mi repositorio y en este link puedes ver el blog ya terminado.

Copiar el proyecto Blog en Next.js

Siguiendo el tutorial (en inglés) puedes terminar el proyecto sin problemas. Ahora si tienes dudas o quieres comenzar desde mi repositorio, te dejo los pasos a seguir:

Clona el repositorio con Git

git clone https://github.com/nicosaporiti/nextjs-blog

Luego, instala todas las dependencias pero no olvides moverte a la carpeta donde se instaló el proyecto!

npm install

Para ejecutar el proyecto en modo desarrollo

npm run dev

Para realizar deploy

npm run deploy

También puedes encontrar más comentarios en este post.

Si todo fue de tu interés, espero que hagas tus aportes al repo del proyecto! 😀

Creando este proyecto tendrás un mayor conocimiento de SSR y SSG de Next. Además lograrás un blog orientado a mejorar la perfomance lo que es indispensable para sitios web enfocados en valorizar su contenido.

Como desafío intenta realizar deploy de tu proyecto en Vercel y que se pueda acceder al blog desde tu propio dominio, por ejemplo https://blog.tusitio.com

No pares de aprender y espero tus comentarios!

Escribe tu comentario
+ 2
2
13453Puntos

hola si quiero hacer un blog con nextjs y markdown ¿como lo podria hacer?