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
Sumeet Shroffprateekshawebdesign.hashnode.dev·Jun 14, 2024Beginner's Guide to Nextjs 13 with TypeScript TutorialThe Ultimate Guide to Next.js: Creating an Exceptional Dashboard In the world of web development, the name Next.js has become synonymous with efficiency, scalability, and the ability to create a robust, server-rendered React application. This versati...DiscussNext.js
YashMandiyashmandi.hashnode.dev·Jun 8, 2024Getting Started with Next.js: A Beginner's GuideNext.js is a powerful framework built on top of React that provides an enhanced developer experience with features like server-side rendering (SSR), static site generation (SSG), and easy API routes. This guide will help you get started with Next.js,...DiscussNext.js
chintanonwebchintanonweb.hashnode.dev·Apr 29, 2024Next.js Rendering Wars: Decoding CSR, SSR, and SSG for Maximum ImpactExploring Next.js: Client Side vs Server Side Rendering vs Static Site Generation Introduction In the realm of modern web development, choosing the right rendering method is crucial for optimal performance and user experience. Next.js, a popular Reac...DiscussNext.js
Ariska Hidayattech.finlup.id·Mar 31, 2024Easy Using SVG on NextJS TypescriptSimple use svg on NextJS. this recommendation from me. you can use file svg on the public folder. but, you have difficulty changing color. Convert image to svg using https://convertio.co/ step-step to use svg on NextJs: make file Icon.tsx export de...DiscussSVG
Sumeet Shroffprateekshawebdesign.hashnode.dev·Mar 20, 2024Exciting times for web developers and digital innovators! Next.js 13Exciting times for web developers and digital innovators! Next.js 13 marks a pivotal moment in the journey of web development, introducing a suite of features and improvements that redefine efficiency and user experience. Here's a glimpse into how Ne...DiscussNext.js 13.2
Aziz Jerbiaziz-dev-js.hashnode.dev·Mar 18, 2024Parallel Routes in Next.js 14What are Parallel Routes? parallel routes are an advanced routing mechanism that allows for the simultaneous rendering of multiple pages within the same layout. Let's explore this concept with a practical example. Showcase: Imagine that we want to di...Discuss·47 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
Bashar Omarbasharomar.hashnode.dev·Jan 16, 2024🔥 Top 12 libraries for your NextJS project 🏆a list of libraries to help you develop great NextJS stuff that I am using daily with an explanation of what you can do with them. Let's dig in. 1. Trigger.dev With NextJS, I always needed help with everything connected to background jobs. It can b...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