Turing Vangisms.hashnode.dev·Oct 5, 2024Nextjs WebsiteFollowing previous article i’ve decide to create a small table of the pros and cons of creating a website in Next.js: ProsCons Server-Side Rendering (SSR): Enhances SEO and improves initial load time for your website in Next.js.Build Times for...DiscussNext.js
tkssharmaarticles.tkssharma.com·Sep 23, 2024Buddy Clone App using nextjs 14.xI'd be glad to provide a comprehensive guide on building a full-stack clone app using Next.js and Prisma: Prerequisites: Node.js and npm (or yarn) installed Basic understanding of React and Next.js Familiarity with Prisma ORM Getting Started: C...DiscussNEXTAUT
Ramu Narasingaramunarasinga.hashnode.dev·Jul 18, 2024shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.0I wanted to find out how shadcn-ui CLI works. In this article, I discuss the code used to build the shadcn-ui/ui CLI. In part 2.0 to 2.15, I discussed how npx shadcn-ui init works under the hood. We will look at how npx shadcn-ui add <component> work...DiscussJavaScript
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·2 likes·70 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·150 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
Mohamed Zhiouamohamedzhioua.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·283 readsNextJSNext.js
