#30daysofnextjs 搜尋結果

⚛️ Day 11/30 — Conditional Rendering in React Learned how to make components dynamic & responsive to data 💡 ✅ Used map() to render lists ✅ Added conditions to show/hide UI Check it out 👇 🔗 github.com/chetan-there/N… #30DaysOfNextJs #ReactJS #Frontend #NextJs

📢 I'm officially starting my #30DaysOfNextJS challenge! For the next 30 days, I’ll be building projects, learning advanced concepts, and sharing my progress daily here. Let’s build together 💻🔥 #NextJS #100DaysOfCode #DevJourney #WebDevelopment

Day 9 - 10 of #30DaysOfNextJS 🚀 Started building a Bookmark Manager App for practicing dynamic & nested routes! Also explored Route Handlers - implemented GET, POST, DELETE, and PATCH Next up: connecting CRUD to the app. Loving how full-stack Next.js feels 🔥 Happy coding!✌️…

Day 8 of #30DaysOfNextJS 🚀 Explored: ✅Intercepting Routes – Show modals over pages without full nav. Refresh = full page! ✅Parallel Intercepting Routes – Overlays + persistent layouts ✅Route Handlers Happy coding!✌️ #Nextjs #learnInPublic

Day 7 of #30DaysOfNextJS 🚀 Explored: ✅ Parallel Routes: multiple slots, one layout ✅ Unmatched Routes: fallback UI with default.tsx ✅ Conditional Routes: render based on roles Next.js routing is wild. 🔥 Happy coding!✌️ #Nextjs #learnInPublic

Day 5/30 – Next.js Journey 🚀 Explored API routes with a focus on: 🔹 URL query parameters 🔹 Custom headers 🔹 Cookies (via RequestCookies) 🔹 Redirects using NextResponse.redirect() 🔹 Caching #Nextjs #webdev #30DaysOfNextjs #connect

Day 6 of #30DaysOfNextJS 🚀 Today was all about revisiting core concepts: ✅Routing (dynamic, nested, catch-all) ✅Layouts & nested structures ✅Metadata (static & dynamic) ✅params vs searchParams ✅Error handling (page, layout, global) Happy coding!✌️ #Nextjs #learnInPublic

Day 5 of #30DaysOfNextJS 🚀 Back after a break! ✅template.tsx → renders per route ✅loading.tsx → easy loading UI, no manual state ✅error.tsx → scoped error boundaries ✅Reset UI to recover errors ✅Handle errors in nested routes/layouts ✅global fallback Happy coding!✌️

Day 4 of #30DaysOfNextJS 🚀 Lil workload days but here we are: ✅ Deeper dive into metadata ✅ params vs searchParams: – params: dynamic segments – searchParams: query strings ✅ Navigating Programmatically with router.push() Happy coding! ✌️ #Nextjs #LearningInPublic

Day 3 of #30DaysOfNextJS 🚀 Today’s focus: making routes smarter & user-friendly. ✅ Routing Metadata for SEO ✅ generateMetadata() for dynamic titles ✅ <Link> for smooth client-side nav ✅ usePathname() to highlight active links Happy coding! ✌️ #Nextjs #LearningInPublic

Day 2 of #30DaysOfNextJS 🚀 📌Covered today: ✅ Custom Not Found Pages ✅ File Colocation ✅ Private Folders (_folder) ✅ Route Groups ((group)) ✅ Layouts ✅ Nested Layouts ✅ Multiple Root Layouts Happy coding! ✌️ #Nextjs #LearningInPublic

Day 1 of #30DaysOfNextJS 🚀 📌 Covered today: • Basic routing • Nested routes • Dynamic routes • Nested dynamic routes • Catch-all segments Love how simple routing is in next.js, just structure your folders and you're set! Happy coding! ✌️ #Nextjs #LearnInPublic

Been a lil busy with family functions, travel & office deadlines. But I’m finally back to what I love: learning something new! 🎯 Starting from scratch with something I’ve been meaning to explore for months - Next.js Starting #30DaysOfNextJS 🚀

🚀 #Day1 of #30DaysOfNextJS Starting my journey with Next.js today! ✅ Set up my first Next.js project ✅ Learned about Pages & File-based Routing ✅ Explored the power of SSR & Static Generation Excited to dive deeper! 🌊 Follow my journey 👇 #NextJS #React

Day 3 of #30DaysOfNextJS Today was all about building reusable components and layouts! I dove into: Creating modular components (Header, Footer, etc.) Using _app.js to set up a consistent layout across pages Exploring custom layouts for different pages #NextJS #WebDev #React

Day 8 of #30DaysOfNextJS: Today, I implemented end-to-end token handling for secure authentication. Integrated OAuth flow, set up access and refresh tokens, and handled token expiration using HTTP-only cookies. Now, users can stay logged in securely without interruption. #NextJS

Day 7 of #30DaysOfNextJS: Zero Auth Integration Implemented Zero Auth login & signup today! API setup for authentication Secure & easy signup + login flow Feeling great to have this foundation set for user management! #NextJS #WebDevelopment #ZeroAuth #javascript

🚀 Day 6 of #30DaysOfNextJS: Prisma Setup & File Structuring 🚀 Learned to integrate Prisma with Next.js for full-stack power! 💻🔌 Plus, structured my project files for better maintainability. 🗂️ 💡 Database connection ✅ 💡 Organized routes and services 🔄 #FullStack #reactjs

🚀 Day 5 of #30DaysOfNextJS: Client-Side API Requests 🚀 Diving into the world of client-side API calls today! 🔄 💡 Key Learnings: Fetching data on the client using fetch() Handling async/await in Next.js components Optimizing API calls for performance #NextJS #webdeveloper

🚀 Day 1 of #30DaysOfNextJS 🎯 Starting my journey of mastering Next.js and here's what I learned today! 💻 🔸 Next.js = Fast + SEO-friendly apps 🔸 Client-side vs. Server-side Rendering 🔸 Static (SSG) vs. Dynamic rendering 🔸 Full-stack capabilities with Node.js

⚛️ Day 11/30 — Conditional Rendering in React Learned how to make components dynamic & responsive to data 💡 ✅ Used map() to render lists ✅ Added conditions to show/hide UI Check it out 👇 🔗 github.com/chetan-there/N… #30DaysOfNextJs #ReactJS #Frontend #NextJs

Been a lil busy with family functions, travel & office deadlines. But I’m finally back to what I love: learning something new! 🎯 Starting from scratch with something I’ve been meaning to explore for months - Next.js Starting #30DaysOfNextJS 🚀

Day 3 of #30DaysOfNextJS Today was all about building reusable components and layouts! I dove into: Creating modular components (Header, Footer, etc.) Using _app.js to set up a consistent layout across pages Exploring custom layouts for different pages #NextJS #WebDev #React

Day 9 for #30DaysOfNextJS Topic: - Callback functions - Promises - Fetch API: Data retrieval Callback functions Callback function is a function that is passed as an argument to another function and is executed after the completion of that function. Common Use…

🚀 Day 1 of #30DaysOfNextJS 🎯 Starting my journey of mastering Next.js and here's what I learned today! 💻 🔸 Next.js = Fast + SEO-friendly apps 🔸 Client-side vs. Server-side Rendering 🔸 Static (SSG) vs. Dynamic rendering 🔸 Full-stack capabilities with Node.js

Day 6 for #30DaysOfNextJS Topic: (JavaScript) - Loops: For, while - Arrays: Creating and manipulating - LOOPS: FOR, WHILE The for loop is often used when you know the exact number of times you want to repeat a block of code. • It consists of an initialization, a…

Day 8 for #30DaysOfNextJS Topic: - Object basics - Object methods - JSON data format Objects in JavaScript are core data structures that comprise properties and methods. While methods are functions/actions an object can perform (such as driving and cooling rooms with…

Get ready, because #30DaysOfNextJS is kicking off tomorrow! Every day at ⏱️9.30 AM, Come along as we guide you through the world of NextJS, one topic at a time. NextJS is not just easy to learn, it's in high demand and creating a real buzz in the industry. I'm on a mission to…

Day 1 for #30DaysOfNextJS Topic Covered: - Introduction to HTML - Document structure - Basics: Tags, elements HTML is like the instruction manual for your web browser. It tells the browser what text is a title, what text is a paragraph, where to put images, and how to create…

Day 2 for #30DaysOfNextJS Topic: - Creating forms in HTML - Text fields and buttons - Form validation In HTML, a <form> is an essential element used to collect information or data from website visitors. It provides a structured way to create input fields, checkboxes,…

Day 3 for #30DaysOfNextJS Topic: - Box model: margin, border, padding etc. The CSS Box Model is a fundamental concept that describes how elements on a web page are structured and how their layout and sizing are determined. Every element in html has box model. Yes you heard…

Day 3 for #30DaysOfNextJS (part -2) Topic: - Positioning elements In CSS, the position property is used to control the positioning of HTML elements within a web page. It defines how an element should be placed in relation to its normal position in the document flow. The…

Day 5 for #30DaysOfNextJS Topic Covered: (JavaScript) - Basics: Variables, data types - Control flow: If statements - Functions: Creating and calling JavaScript is generally single-threaded and synchronous, which means it processes one task at a time in a linear order.…

Day 4 for #30DaysOfNextJS Topic: - Flex containers and items - Flex direction and alignment - Creating flexible layouts -FLEX CONTAINERS AND ITEMS An area of a document laid out using flexbox is called a flex container. To create a flex container, we set the value of…

Day 7 for #30DaysOfNextJS Topic: (JavaScript) - DOM Basics: Selecting elements & Modifying elements - Event listeners: Interaction - Forms and user input The DOM represents a web page as a hierarchical tree of objects. It starts with the root element, usually <html>,…

Day 10 for #30DaysOfNextJS Topic: - Arrow functions - Destructuring - Template literals Arrow Functions: Arrow functions provide a concise way to define functions in JavaScript. They are often used for simple functions and can be especially helpful when writing…