Task 1/10: Today I built real pagination using: - React + TypeScript - TanStack Query v5 : makes API data easy and smart as it caches, refetches, synchronizes, and manages loading states automatically - Express + MongoDB - Axios for API calls What I learned: ✔ How pagination works (page → skip → limit) ✔ Why backend must validate & cap limit ✔ .lean() improves query speed ✔ Query keys like ["posts", page] make caching easy ✔ invalidateQueries(["posts"]) refreshes paginated pages Github repo : https://lnkd.in/dewmUn7c #Reactjs #Typescript #TanStackQuery #pagination
More Relevant Posts
-
I haven’t been posting here for a while. During this time, I’ve been learning through Cohort 3 by Harkirat Singh, focusing on building a solid understanding of backend development and related tools. Here’s a summary of what I’ve covered recently: • Promises and Async/Await • Basic CMD and WSL commands • Built a TODO app in the terminal (CLI) • Created an HTTP server and tested it with Postman • Implemented a TODO application on that server • Middleware, Headers, Query Params, and Express • Axios, Fetch, and HTTP concepts • Authentication and connecting frontend with backend • Introduction to MongoDB • Built a backend for a demo course-selling application • Clearer understanding of how databases and servers interact • Used Zod, bcrypt, environment variables, and error handling with try-catch Starting React from today. #cohort3 #javascript #react #webdevelopment #learning
To view or add a comment, sign in
-
🚀 Connecting Databases the Right Way in Next.js! 🧠💻 Today, I watched another super insightful video by Sir Hitesh Choudhary on his "Chai or Code" YouTube channel — this one focused on how to connect databases in Next.js efficiently and safely. ☕ What I really loved about this video is that my mentor didn’t just show how to connect a database — he explained what to be careful about while doing it, especially when working with Next.js edge runtimes. ⚡ 🔥 Key Takeaways from the Video: ✅ Learned how to establish a proper database connection in a Next.js environment. ✅ Understood why Next.js runs on Edge Runtime and how it affects backend operations. ✅ Realized the importance of adding connection checks — making sure the database isn’t reconnected unnecessarily on every request. ✅ Learned how to handle environmental constraints that come with serverless and edge-based architecture. ✅ Gained a better understanding of writing clean, production-grade DB connection logic in modern web apps. 💡 This video was a perfect blend of theory + real-world development insights — especially around Next.js edge runtimes and database optimization. A huge thanks to Sir Hitesh Choudhary for explaining such a technical concept in an easy, developer-friendly way! 🙌 If you’re diving into Next.js backend development, this video is a must-watch to understand how to connect your DB the right way in an Edge Runtime environment! ⚡ #NextJS #DatabaseConnection #EdgeRuntime #BackendDevelopment #FullStackDevelopment #WebDevelopment #MERNStack #NextJSBackend #MongoDB #NodeJS #Serverless #SoftwareEngineering #ChaiOrCode #HiteshChaudhary #LearnToCode #CodingJourney #TechCommunity
How to connect Database in NextJS
https://www.youtube.com/
To view or add a comment, sign in
-
🚀 Day 96/100 #ZeroToHero Coding Challenge Today I created a new /web/topbar API for my project! 💻 This API dynamically displays only active topbar information on the website — fully integrated with the admin CRUD system (create, update, delete, and activate/deactivate). 💡 Key Highlights: Designed a clean GET API /web/topbar for frontend use Returns only active topbar data from MongoDB Linked with the admin dashboard to control visibility Helps show real-time announcements or offers on the site Next step → connecting this with the live frontend for seamless updates. #MERN #Nodejs #Express #MongoDB #APIdevelopment #FullStackDeveloper #CodingChallenge #WebDevelopment
To view or add a comment, sign in
-
⚡ Backend Devs: Build APIs Faster with devkit-cli Generate FastAPI or Express APIs with CORS, JWT authentication, and support for SQLite, PostgreSQL, MySQL, or MongoDB—all in one command. devkit create --backend-only ✅ Production-ready structure ✅ Containerized with Docker/Podman ✅ Auto-configured .env files Try it: https://lnkd.in/ez7_DJ5M #DevkitCLI #BackendDevelopment #FastAPI #ExpressJS #SoftwareEngineering
To view or add a comment, sign in
-
☑ Day 092 of #100DaysOfCode | #Consistent #RisenAgainByGodsGrace Back to the roots — revising Node.js fundamentals Because no matter how far you go, the basics are what keep you strong! Revising Core Topics: + Event Loop & Asynchronous Programming + Modules (CommonJS & ES Modules) + File System (fs) & Path Module + HTTP Module & Creating Servers + npm & package.json essentials + Express.js basics & Middleware flow + Environment Variables & dotenv + Error Handling in Node.js Strengthen backend foundation before diving deeper into advanced Express & MongoDB concepts. Every concept brings more clarity towards production-ready development! On to Day 093!
To view or add a comment, sign in
-
💻 Day 25 of my Backend Journey Today I learned about Multer, the middleware that handles file uploads in Node.js with Express. At first, I didn’t realize why regular req.body couldn’t handle files — turns out, forms with file inputs use a different encoding (multipart/form-data), and Express alone can’t parse that. That’s where Multer comes in. It intercepts the request, extracts the file, and stores it (either in memory or on disk). After that, your app can use it like any other data — for example, saving image URLs in MongoDB. 🧩 Simple flow: HTML Form → Express → Multer → Uploaded File ✅ It’s one of those small but powerful tools that make backend development actually click. #100DaysOfCode #Nodejs #BackendDevelopment #Expressjs #Multer #LearningInPublic #WebDevelopment
To view or add a comment, sign in
-
-
Debugging Win: “Cannot POST /api/students/register” I unexpectedly spent hours debugging an Express.js API today. Everything looked fine — my routes, controllers, and MongoDB connection were solid — but I kept seeing this dreaded message: "Cannot POST /api/students/register" I checked my server, folder structure, imports, and still nothing. I was so much frustrated... Turns out, the issue wasn’t my code at all — it was how I was sending the request. I was trying to hit the endpoint from the browser (which defaults to a GET request), when the route expected a POST request. Once I switched to Postman and sent a proper POST with JSON data, boom! it worked instantly. This small debugging session reminded me: - Always double-check the HTTP method - Browsers = GET requests by default - Sometimes, the code isn’t broken — the request is Tech Stack: Node.js + Express MongoDB (Mongoose) REST API endpoints for a School Management System Feeling extra good after finally seeing that 201 Created response 😎 #Nodejs #Expressjs #MongoDB #BackendDevelopment #WebDevelopment #Debugging
To view or add a comment, sign in
-
🧠 Tried Drizzle ORM with Node.js, and I’m impressed. Been experimenting with Drizzle ORM lately, and honestly, it feels like the ORM TypeScript should’ve had from the start. It’s not trying to hide SQL behind abstractions - instead, it gives you type-safe SQL with full IntelliSense right in your editor. Some standout points: •⚡️ Zero magic - everything is explicit and predictable. •💪 Type-safe queries + schema - compile-time safety across your DB layer. •🧱 Lightweight migrations that actually make sense. •🧩 Works cleanly with Postgres, MySQL, SQLite, Neon, PlanetScale, etc. •🚀 Fits naturally into Next.js / Node.js workflows. If you’ve felt Prisma or Sequelize were too heavy or too abstract, Drizzle feels like a breath of fresh air - simple, fast, and dev-friendly. Might just be my new default ORM for TypeScript projects. #NodeJS #TypeScript #DrizzleORM #Backend #NextJS #WebDev #Postgres #DeveloperTools
To view or add a comment, sign in
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development