Complete full stack course

Learn from chat GPT https://chat.openai.com/share/8c5038bf-29e4-4d4d-b95f-7c08f0018400 https://chat.openai.com/share/931781cc-32fc-481c-b43c-3df5b82e579c

Prerequisites React: https://nextjs.org/docs/getting-started/react-essentials Walkthrough: https://nextjs.org/learn/foundations/about-nextjs

Learn React https://react.dev/ https://react.dev/learn/installation https://legacy.reactjs.org/docs/introducing-jsx.html https://www.geeksforgeeks.org/why-are-fragments-better-than-container-divs/ https://react.dev/learn/your-first-component https://react.dev/learn/passing-props-to-a-component https://legacy.reactjs.org/docs/hooks-effect.html

Learn Next JS File structure Next vs react Simple component Fetch API

Image Get static props getserversideProps /api folder [slug].js Graph ql Firebase, supabase Deployment - Vercel

Next js docs https://nextjs.org/docs/getting-started/react-essentials https://nextjs.org/docs/pages/building-your-application/routing/pages-and-layouts https://nextjs.org/docs/pages/building-your-application/routing/dynamic-routes https://nextjs.org/docs/pages/building-your-application/routing/linking-and-navigating Extra: https://nextjs.org/docs/app/api-reference/functions

Auth Next auth - https://next-auth.js.org/getting-started/example Next auth - https://next-auth-example.vercel.app/ ​ Firebase - https://levelup.gitconnected.com/auth-with-firebase-for-your-next-js-react-app-in-2023-a30b65b5b2b1?gi=a46038b788e9

Context, reducer, action, Redux https://react.dev/learn/extracting-state-logic-into-a-reducer https://vercel.com/guides/react-context-state-management-nextjs https://react.dev/learn/scaling-up-with-reducer-and-context https://redux.js.org/tutorials/fundamentals/part-3-state-actions-reducers https://www.freecodecamp.org/news/what-is-redux-store-actions-reducers-explained/ Database Firebase: https://kenanbek.medium.com/using-firebase-and-firestore-in-a-next-js-application-a-step-by-step-tutorial-5a9f22df18cf Firebase: https://firebase.google.com/docs/firestore https://supabase.com/docs/guides/getting-started/tutorials/with-nextjs https://supabase.com/docs/guides/getting-started/quickstarts/nextjs https://vercel.com/guides/using-databases-with-vercel https://vercel.com/guides/integrating-next-js-and-contentful-for-your-headless-cms

Graph ql https://www.airplane.dev/blog/graphql-vs-rest-apis-a-complete-guide https://github.com/aagam29/graphql-clients/tree/main https://hygraph.com/blog/nextjs-graphql https://github.com/aagam29/graphql-clients/blob/main/pages/fetch.jsx https://www.airplane.dev/blog/how-to-build-a-graphql-api-with-next-js https://github.com/tomanagle/NextJS-NestJS-GraphQL-Starter

ORM - Prisma https://vercel.com/guides/nextjs-prisma-postgres https://www.prisma.io/nextjs https://www.prisma.io/docs/guides/other/troubleshooting-orm/help-articles/nextjs-prisma-client-dev-practices Deploying Firebase: https://firebase.google.com/docs/hosting/frameworks/nextjs Vercel: https://vercel.com

Complete apps + tutorials https://www.freecodecamp.org/news/nextjs-firebase-tutorial-build-an-evernote-clone/ https://www.freecodecamp.org/news/create-full-stack-app-with-nextjs13-and-firebase/ https://blog.jarrodwatts.com/the-ultimate-guide-to-firebase-with-nextjs https://egghead.io/lessons/react-initialize-a-next-js-9-project-with-typescript

Github repositories https://github.com/singh1aryan/firebase-everything https://github.com/singh1aryan/nextjs-prisma-sql https://github.com/singh1aryan/pinecone-vercel-ai https://github.com/singh1aryan/NextJS-NestJS-GraphQL-Starter https://github.com/singh1aryan/api-saas-project https://github.com/singh1aryan/subscription-starter https://github.com/singh1aryan/taxonomy