Transition from React to Nextjs

JJosh12/28/2023
as long as it takes you this is not an answerable question
SSunD12/28/2023
react and next are same language so it's fast
YYamattack12/28/2023
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.
YYamattack12/28/2023
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.
YYamattack12/28/2023
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?
Ssonor12/28/2023
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
YYamattack12/28/2023
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.
Ssonor12/28/2023
They need a banner at the top that shows what nextjs version your viewing docs for atleast like most other things
Ssonor12/28/2023
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.
AAAli AI12/28/2023
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.
YYamattack12/28/2023
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.
YYamattack12/28/2023
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.

Looking for more? Join the community!

Want results from more Discord servers?
Add your server
Recommended Posts
Is this Theo's Only discord server(asking because of most recent video)Is this Theo's Only discord server(asking because of most recent video)Does Account table/model in create-t3-app get used at all if using EmailProvider for NextAuth?In the Prisma schema for a `create-t3-app` with NextAuth, the following `Account` model is in the `sdiscriminated union as propsis there anything noticeably wrong with this ```ts type SidebareOpenContentsProps = { showSkeletoncaching data from external apiI have an API route that just calls an external API and massages the response a bit. I get maximum 1Build step for monorepo packageHello, i got a question regarding private packages in monorepos. When should private packages have TRPCClientError: Cannot read properties of undefined (reading 'resolve')Hi guys, Im havning an issue with client side TRPC call when deploying to Production with SST. (VercVideo tutorial for /app router?Hi all, Does anyone have a good video tutorial for the /app router to recommend? I have built a coupin a t3 project, do i use trpc for 3rd party APIs?for example, i want to use this endpoint for github's api https://docs.github.com/en/rest/metrics/stStruggle in tRPC with "use server" not workingUsing the create-t3-app latest, I am trying to replace this `CreatePost` that exist in `import { Crenext auth v5 i'm getting a `invalid_grant`when i use google provider here's my auth code ```ts export const providers: Provider[] = [ GoogTrouble starting expo app in create-t3-turboHi all, I created a monorepo using create-t3-turbo and I am having trouble launching the Expo app frnativewind component libraryHi, I'm looking into making a bastard child between https://github.com/vercel/turbo/tree/main/examplJust started using t3. Is this a bug?Font feels incorrect. I only setup frontend Using Ubuntu 22.04Is there any example of implementation of external API usage?Hello everyone, i want to use t3-app stack that consumes my external API which is written spring-booHow to implement tracking link in Next JsI want to implement a tracking link functionality in my website. Does anyone know how to do it or whOffset Audio Backwards and Forwards with JavaScript and HTML5 Audio.I'd like to offset my audio based on a slider, to maybe sync the audio with others. Any known way ofAdding Supabase to TRPC contextI am using Supabase for auth and db in a create t3 app project and I was curious if this would be that the time of creating project i haven't selected NextAuthHello everyone sorry for noob doubt at the time of creating project i haven't selected NextAuth in I need to validate the uploaded file on clientside before perform uploadI encounter this error on the `onBeforeUploadBegin` callback function. any other suggestion on how cScroll questionHello guys, could you please help me. I have a long single page app (Next.js). And some components a