Transition from React to Nextjs
To help others find answers, you can mark your question as solved via
Right click solution message -> Apps -> ✅ Mark Solution
12 Replies
as long as it takes you
this is not an answerable question
react and next are same language so it's fast
I am not sure if posting links is allowed, as I am new here, but here is a link to the Next.JS docs. https://nextjs.org/docs This is the BEST place to start for any new thing you are learning. Just read through the intro and try to take in what is Next is all about. Here is an excerpt from the docs that may help answer your question!
"What is Next.js?
Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations.
Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more. This allows you to focus on building your application instead of spending time with configuration.
Whether you're an individual developer or part of a larger team, Next.js can help you build interactive, dynamic, and fast React applications."
Docs | Next.js
Welcome to the Next.js Documentation.
I would say background knowledge that will help would be to know the basics of Javascript/TypeScript, HTML+CSS, Tailwind CSS, React, and the general structure of websites + how to deploy them.
also, a good component library will help. https://daisyui.com/docs/install/
Install daisyUI as a Tailwind CSS plugin — Tailwind CSS Components ...
How to install daisyUI as a Tailwind CSS plugin?
It's confusing to start with because the docs don't really make it easy to tell between v14 and v13, and older versions. And Stackoverflow is full of outdated answers that won't work on the latest version
Just figuring out how to add an API route takes ages to find an up to date answer on Google
I agree that reading documentation can be confusing at first! It is a skill that needs to be learned, but StackOverflow containing outdated answers and google just generally becoming a worse search engine are part of the reason I recommend reading docs. In my opinion, learning to adapt to technologies that are constantly updating and potentially conflicting is part of what you are signing up for when getting into development.
They need a banner at the top that shows what nextjs version your viewing docs for atleast like most other things
cuz this is the first result for nextjs api route
https://nextjs.org/learn-pages-router/basics/api-routes/creating-api-routes
and its outdated
Learn | Next.js
Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.
Nextjs docs will probably be the best place to get answers for most of your questions, I would recommend understanding the difference between app and pages router and then server components. This should give you a big boost in reading and understanding the docs.
By first result do you mean when using Google? While Googling is a powerful research tool and can provide you with answers, I think it is very important for your long-term growth to take the time to read through the documentation. You have to really understand what the technology is doing and why it works to become a better developer. I feel it is a flawed approach to try to go out and get a solution without understanding why the solution is the solution. The documentation for Next.Js does provide a switch for whether you are using the App Router or the Pages Router and adjusts the documentation accordingly.
here is the updated learn page btw! https://nextjs.org/learn/dashboard-app
Learn Next.js | Next.js
Learn how to build a full-stack web application with the free, Next.js App Router Course.