At first I was scared to use JavaScript libraries, but then I tried them out and it kinda felt right. I was drawn by this world. It really made my days a lot simpler and me a better developer.
But before I begin. What is NextJS?
NextJS is a javascript library that uses React to help you develop better applications. It manages both your API endpoints and your static or server-sde rendered pages. So it's kind of neat.
Next.js
Getting Started
Visit https://nextjs.org/learn to get started with Next.js.
Documentation
Visit https://nextjs.org/docs to view the full documentation.
Who is using Next.js?
Next.js is used by the world's leading companies. Check out the Next.js Showcase to learn more.
Community
The Next.js community can be found on GitHub Discussions, where you can ask questions, voice ideas, and share your projects.
To chat with other community members you can join the Next.js Discord.
Our Code of Conduct applies to all Next.js community channels.
Contributing
Please see our contributing.md.
Good First Issues
We have a list of good first issues that contain bugs which have a relatively limited scope. This is a great place to get started, gain experience, and get familiar with our contribution process.
Authors
1. It will create a faster and lighter website
When it comes to creating a website, writing it only in HTML is not just hard and time consuming, but you probably can't write a better code than what a computer can generate (at least in terms of package size).
The framework will handle bundling better than anything else. If you have funcntions/classes that you don't use it will just simply
leave it out.
If you were to write a basic site with HTML/CSS/JS you would have to remove every unused code to not bloat the users' networks.
2. You can use almost any NPM package
For sure there is browserify and webpack by themselves that can handle this task, but they will generate files that are going to include things that you don't need. If you have multiple packages, you will know that your node_modules folder is weighing several mb of data. If you want to send them every time someone wants to access your site you are going to face slow loading times.
Contary to the NextJS, it will handle everything and you can use any NPM package, that can run in a browser, let's just say it is timsort or material-ui.
3. You're going to have clean developement envoriments
You have imports and the support of typescript (which means that you will have typings and classes thanks God).
I can't stress this enough. You're not really writing pages, but rather you're writing independent Components, that look much cleaner that their predecessor.
Also being able to tell if your variable is a string or a number or if it has username component or not will make your everyday life much better. Trust me.
Shortly, you're going to have typings, which means autocomplete for your code and code splitting, which is good if you're building large applications
4. You're going to have a large community, that can help you
When I first started to use React, I felt that it was so easy, because there were so good documentations. And not just that, you don't even have to worry about creating every single UI components. You have multiple implementations of Material Design Principles. If you don't trust me than just think about that the largest JS framework is React. We can use React components, so I think we kind of have a head start, compared to other frameworks.
Great! How can I jump in?
With the release of create-next-app, it is easier to start creating a project than ever. If you want to jump right in, then after you've installed NodeJS, you just have to run the npx create-next-app command and your project is ready to edit it.
Can you give me some advice?
- Use TypeScript!
- Use
material-uito create User Interfeces - Have a folder structure that has (/pages, /public, /components) folders.
- If you're developing an API use Prisma. It is a database driver, that will generate a type-safe JS module for you to use it in your project.
Thank you for your attention!
Gál Péter (pepyta)
Top comments (0)