Skidee

Skidee

How I Made This Blogging Website in 5 Mins!

This blog is made using Next.js

Step 1 :

  • Install Node.js (version 10.13 or later)

Step 2 :

  • open your terminal, cd into the directory you’d like to create the app in, and run the following command:

    npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/basics-final"

  • after that, a new folder named nextjs-blog will appear.

Step 3 :

  • cd into that folder using cd nextjs-blog command

  • Run the npm run dev command to launch the app.

  • to check if its working, open http://localhost:3000 in your browser.

  • Congratulations! You just made a blogging website in 2 mins. Now you just have to edit the content, create posts, and host the app.

For hosting the app for free. Follow the tutorial given below :

Hosting the blogging website for FREE!!

We will be hosting our blog using github and vercel.

Step 1 :

  • Create an account on GitHub if you don't already have one.

  • Create a new repository :

    creating a new repo

    name the repo, keeping it private or public is a personal prefrence.

    repo name, visibility

Step 2 :

  • Push your nextjs-blog to github repo from the command line by running the commands given in your github repo. Example : pushing repo

Step 3 :

  • Create an account on Vercel using github.

  • Open the Vercel dashboard and make a new project.

  • Import the project

    importing project

  • And click on deploy

    deply project

  • Congrats! your blog is now up and running perfectly.

    hosted

  • You can also add a custom domain by going to Project settings -> Domains

    adding custom domain

I covered everything in a concise way. other than that you can take a look at the full tutorial as well.

Facing any issues?

Feel free to contact me on twitter.

← Back to home