Ashfaq Hussaindevlogs.hashnode.dev·Apr 20, 2024Structuring NextJS projectsComing from a React.js world, learning Next.js is fun. There are many features in Next.js, but today we will discuss file-based routing in Next.js. I really like file-based routing. There is no need to add any extra packages and configure it. Just cr...Discuss·1 like·63 readsNext.js
Dauda Kolokolo.hashnode.dev·Mar 9, 20243 Easy Performance Optimization Techniques for Next.js ApplicationsCode Splitting with dynamic Import: Code splitting with dynamic import is a crucial technique for optimizing Next.js applications, especially larger projects where bundling all the code into a single bundle can lead to slower initial loading times. ...DiscussNext.js
Mmesoma Saintcyberoracle.hashnode.dev·Dec 31, 2023Building A Store with Next.js + Shopify - PART 5: Fetch A Product & Fetch It's Variants Based on Selected OptionsWelcome, and congratulations on making it to this part of the tutorial. Great job! In this part, we are going to make all the product cards a link to a page where the user gets to see all the information about the product selected. Are you ready? Thi...DiscussReact
Femi Wallacethisiswallace.hashnode.dev·Dec 6, 2023Next.js and Headless CMS: A Guide to Building Dynamic Websites:In the ever-evolving landscape of web development, the demand for dynamic and engaging websites has never been greater. While traditional content management systems (CMS) have served us well, the limitations imposed by their tightly coupled architect...Discuss·5 likescms
Peter Kelvin Torvertechfortified.hashnode.dev·Dec 2, 2023Nextjs 14 app router authentication & role-based authorization using nextauth & mongodb adapterUnlock the Potential of NextJS 14: Mastering NextAuth & MongoDB for Secure Authentication and Role-Based Authorization In the dynamic realm of web development, security and user authentication are paramount. NextJS 14, a popular React framework, has ...Discuss·81 readsNext.js
Joseph Kithekajosephkitheka.hashnode.dev·Nov 8, 2023Optimizing Fonts and Imagesnextjs.org Learn Next.js 13: Optimizing Fonts and Images | Next.js 13 8–10 minutes In the previous chapter, you learned how to style your Next.js application. Let's continue working on your home page by adding a custom font and a hero image. In this...DiscussNode.js
zhioua mohamedmohamedzhioua.hashnode.dev·Sep 20, 2023NextJs Server and Client components Composition PatternsWhen building React applications, you will need to consider what parts of your application should be rendered on the server or the client. When to use Server and Client Components? Next 13 introduced server components. A new way to optimize your proj...Discuss·315 readsNextJSNext.js
Priyanshu Chaudharypriyanshuchaudhary.hashnode.dev·Sep 16, 2023Implement dark mode in Nextjs 13 with Tailwind CSSIntroduction These days, incorporating both light and dark themes is a crucial step in front-end development. It can easily be implemented in the Next.js app with the help of Tailwind CSS. In this tutorial, I'm using Next.js 13 with TypeScript and Ta...Discuss·95 readsNext.js
Saseek Azmisaseek.com·Sep 9, 2023Global Error Handling in Next.js 13 App Router APINext.js 13 has introduced a new App Router that enables developers to leverage React's latest features, including Server Components. I have been exploring this new router and building a proof of concept that serves both UI and API routes. However, I ...Discuss·74 readsNext.js
Martin Mwangiblog.thereactivedeveloper.com·Sep 1, 2023Create a blog website using NextJs and Keystatic - Working with Keystatic (Part 2)Welcome back to our journey of creating a blog website using Next.js and Keystatic! In Part 1, we laid the foundation by setting up our project and integrating Keystatic. Now, in Part 2, we're going to dive deeper into the Keystatic ecosystem and lea...Discuss·83 readsWhat About Next.JsNext.js