Getting started

In this series of posts, I will be teaching you. How to easily start learning Next.js. By simplifying the learning process, being super practical and avoiding over-technical terms.

I hope you, like it. And give it a try, maybe you will discover something awesome and fall in love with this modern React.js Framework .🐱‍👤💕

To begin with, execute the following command on your terminal:

npx create-next-app@latest

Or:

yarn create next-app

After the installation finish, go to the folder you created and open it on your favorite IDE. Then execute the following command, to start the development server.

npm run dev

And voilà, you just begin using Next.js 🎉🎉✨

If you want to begin personalizing your views.

Go to Pages/index.js

There you will see your home page component with some Next.js extra info.

By the way, by putting 👉👉.js👈👈, files into Pages/, folder. You automatically are using built-in Next.js routing, so YOU DON´T REQUIRE REACT-ROUTER-DOM INSTALLATION AND CONFIGURATION.

Here you have it. 🙇‍♂️👇

1. Create about.js into Pages/ and write some test data, like Hello World! From About File.
2. Then go to your browser and type, in your URL bar, localhost:3000/about.
3. Then you will be able to see automatically your about.js info displayed in your browser.

Well, this is the end of the first part 😭😫, If you would like to support my content go to: BuyMeACoffee, and buy me a coffee! 😁😁👌🙌