🚀 Starting my #100DaysOfWebDev journey with @kirat_tw and the #100xDevs community!.💻 Kicking off full-stack development — ready to level up, build real-world projects, and stay consistent for 100 days straight. 📅 Let’s gooo! #100DaysOfCode #LearnBuildGrow #SelfEvaluation.

I now do daily coding until I get the job! 💻.

Join millions who have switched to Grok.

🎉 Day 100/100 – Web Dev Journey Complete!.Started scared of backend → now it’s the first thing I build. Lesson: Time is Powerful. Consistency > motivation. Ignore the “what ifs.” Head down, keep going, stack skills. Thanks @100xDevs & @HarkiratSingh . #LearningJourney.

✅ Day 100 of #100DaysOfWebDev .Learned about monorepos with @100xDevs and @kirat_tw .• Single repo for frontend + backend .• Pros: shared code, centralized tooling, faster CI with caching.• Cons: extra complexity .Focusing on Turborepo today . #Monorepo #Turborepo #DevTools

✅Day 99 of #100DaysOfWebDev .Deep dive into NextAuth with @100xDevs and @kirat_tw :.• [. nextauth] = catch-all routes.• Providers → OAuth / Email / Credentials.• useSession() (client) vs getServerSession() (server).• Custom signin UI . #NextJS #NextAuth #100DaysOfCode

✅Day 98 of #100DaysOfWebDev .Learnt about NextAuth.js today with @100xDevs by @kirat_tw. • External providers → Auth0, Clerk, Firebase.• NextAuth supports email, Google, FB & more.• LocalStorage + JWT? Fine in Express, messy in Next.js.#NextAuth #NextJS #100DaysOfCode

✅Day 97 of #100DaysOfWebDev.Next.js SSG + Hydration with @100xDevs by @kirat_tw.• SSG → HTML built at build time.• Hydration → React makes static HTML interactive.• Without it → page looks fine but dead.• Watch: ) causes hydration mismatch. #NextJS

✅Day 96 of #100DaysOfWebDev .Next.js + Prisma with @100xDevs by @kirat_tw.• Prisma singleton → stable DB client.• (auth) route groups → clean URLs.• [id] dynamic routes → /post/1.• Server component fetching posts with axios. #NextJS #Prisma #100DaysOfCode #100xDevs

✅ Day 95 of #100DaysOfWebDev .Next.js + Prisma + Postgres with @100xDevs by @kirat_tw.• Connected Postgres via Prisma.• User schema + migrations.• Signup API → writes to DB.• GET user ��� fetch details.• Optimized fetch → query Prisma directly . #NextJS #Prisma #Postgres

✅Day 94 of #100DaysOfWebDev .Revision day with @100xDevs by @kirat_tw.• Next.js = full-stack in one place.• Client vs server fetch → SSR wins.• loading.tsx = smooth loaders.• API routes + signup flow. All stitched together 💡.#NextJS #ReactJS #100DaysOfCode.

✅Day 93 of #100DaysOfWebDev .Next.js loaders + API routes with @100xDevs by @kirat_tw.• loading. → skeleton while async ops resolve.• API routes → backend inside Next.js.• Built signup page with axios + useRouter.• Backend POST /api/user for signup. #NextJS #100DaysOfCode

✅ Day 92 of #100DaysOfWebDev .Next.js backends + data fetching with @100xDevs by @kirat_tw.• Full-stack: same codebase for FE & BE.• No CORS, easier deployment.• React → client-side fetch = waterfalling.• Next.js → server-side fetch = faster + SEO. #NextJS #100DaysOfCode

✅ Day 91 of #100DaysOfWebDev .Learning Next.js with @100xDevs by @kirat_tw.• Next.js offerings.• Bootstrapped a Next app.• File-based routing.• Styled sign-in page.• SSR for SEO & performance.• Layouts for shared UI. #NextJS #ReactJS #100DaysOfCode #100xDevs #BuildInPublic

✅ Day 90 of #100DaysOfWebDev .Started Next.js with @100xDevs by @kirat_tw.Why Next.js?.• Built-in API routes.• File-based routing.• SEO via SSR & SSG.• Fixes the waterfalling problem. React is great, but Next.js makes it faster, more SEO-friendly.#NextJS #SEO #100DaysOfCode

✅ Day 89 of #100DaysOfWebDev.Learning Prisma + Express w/ @100xDevs by @kirat_tw .• Generated Prisma client.• Built my first app.• Added relationships.• Wrote Todo CRUD functions.• Integrated into Express API. #Prisma #ExpressJS #Backend #100DaysOfCode #PostgreSQL #100xDevs

✅ Day 88 of #100DaysOfWebDev.Learning Prisma with @100xDevs by @kirat_tw.• Installed Prisma & picked DB (PostgreSQL).• Defined models in schema.prisma.• Added User & Todo tables (no relationships yet).• Migrated DB:. npx prisma migrate dev. #Prisma #ORM #100DaysOfCode

✅Day 87 of #100DaysOfWebDev.Learned with @100xDevs by @kirat_tw :.ORMs.• What & why (cleaner, DB-agnostic, less boilerplate).• Prisma – modern ORM for Node.js w/ type-safe client. Revised: SQL relationships, foreign keys, transactions & joins. #Prisma #ORM #100DaysOfCode

✅Day 86 of #100DaysOfWebDev.Learned with @100xDevs by @kirat_tw :.Relationships.• MongoDB (embed) vs SQL (tables + FKs).• users & addresses schema.• Transactions for consistency.Joins.• INNER, LEFT, RIGHT, FULL.• Benefits: speed, cleaner logic.#Backend #PostgreSQL #100xDevs

✅ Day 85 of #100DaysOfWebDev.💻 Learned w/ @100xDevs by @kirat_tw :.• Queries from Node.js.• Built a Todo app w/ PostgreSQL.• SQL injection prevention.🔁 Revised:.• SQL vs NoSQL.• Why SQL?.• DB creation, schema, CRUD.#Backend #PostgreSQL #Nodejs #100xDevs #100DaysOfCode

✅ Day 84 of #100DaysOfWebDev.🚀 Finished the Microservices Uber Backend Project.🧠 Learned:.• SQL vs NoSQL.• Why SQL?.• PostgreSQL basics.• Created DB, defined schema, and performed CRUD.with @100xDevs by @kirat_tw.#Backend #PostgreSQL #WebDevelopment #BackendDevelopment

✅Day 83 of #100DaysOfWebDev.🛠️ Integrated RabbitMQ for async microservices (Uber Clone).📬 Ride → RabbitMQ → Captain via new_ride queue.📡 Long Polling for real-time updates.🚖 Ride accepted → notify user via ride_accepted.#Backend #RabbitMQ @sheryians_ #buildinpublic