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. 🙇♂️👇
- Create about.js into Pages/ and write some test data, like Hello World! From About File.
- Then go to your browser and type, in your URL bar, localhost:3000/about.
- Then you will be able to see automatically your about.js info displayed in your browser.
To see the second part of this post go to my personal blog: thismar