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·42 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
IDits-id.hashnode.dev·Dec 22, 2023Next.js SEO Optimization for Developers and SEO Experts: Part 2 - Performance, Web Vitals, and Advanced StrategiesWelcome back to the second half of our deep dive into optimizing your Next.js website for search engine success! We've already explored crawling, indexing, rendering, and on-page elements. Now, let's focus on how to deliver lightning-fast experiences...DiscussSEO
IDits-id.hashnode.dev·Dec 22, 2023Next.js SEO Optimization for Developers and SEO Experts: Part 1 - Crawling, Indexing, and Rendering StrategiesSearch Engine Optimization (SEO) is all about boosting your website's visibility in search results, ultimately leading to more organic traffic and potential customers. It's like building a ladder to the top of Google's search engine kingdom! But SEO ...Discuss·31 readsSEO
Laxmanrao Ballalaxmanballa.hashnode.dev·Dec 8, 2023How to add progress bar on the top of the page while routing between pages in Nextjs.There are several ways to add a prograss bar for routing in Nextjs13, each with its own advantages and disadvantages. Here we are talking about one of the best approch which is very easy to use. That is next13-prograssbar This is a dedicated package...Discussnext13-progressbar