Gary Meadegaryrmeade.hashnode.dev·Aug 29, 2023Introduction to Next.js for React Developers🚀Hey there, fellow React enthusiasts! 👋 Are you loving React but sometimes find yourself tangled in the web of server-side rendering and SEO? Yeah, me too. This is how I came across Next.js, let me tell you why I think it's a game-changer for React d...Discuss·2 likesReact.js - 101Next.js
Atif Aliatifff.hashnode.dev·Aug 28, 2023Next.js: Post React JourneyIntroduction Next.js is an open-source React framework, which simplifies the development process and optimizes web apps. While React excels at creating dynamic and interactive UI, Next.js enhances this by adding crucial features. If you have just lea...Discuss·30 likes·37 readsNext.jsNext.js
Shivank Kapurshivankkapur.hashnode.dev·Aug 27, 2023How To Make API Calls in React.js/Next.js?Introduction In the World of Modern Web Development, integrating APIs into your React.js/Next.js applications has become a common practice. APIs allow you to fetch data from external sources, making your applications more Dynamic and Interactive. In ...Discuss·11 likes·33 readsReact
Niraj Chaurasiyanirajchaurasiya.hashnode.dev·Aug 23, 2023Install Tailwind CSS with Next.jsSetting up Tailwind CSS in a Next.js project. You must have NodeJS installed on your computer. Create your project If you haven't set up a Next.js project yet, start by creating a new one. The most commonly used approach is to Create a Next App. Or,...Discuss·1 like·38 readsNext.js
Bezyl Mophat Otienomophat.hashnode.dev·Aug 19, 2023Next.js 13 Routing ReferenceIn Next.js 13, the app directory represents different pages of your website. Inside the app directory, each folder corresponds to a different page of your website. Within each folder, you can create a page.js or page.jsx file to hold your markup lo...DiscussNext.js
Sachin Kumarbrokenprogrammer.hashnode.dev·Aug 4, 2023Master Next.js Routing: A Step-by-Step Tutorial for Dynamic, Performant, and SEO-Friendly Web ApplicationsAre you looking to level up your web development skills and conquer Next.js routing like a pro? Look no further! In this comprehensive tutorial, we'll take you on a journey to understand Next.js routing and get you up to speed in no time. Whether you...DiscussNext.js
Madhu Sainimadhusaini22.hashnode.dev·Jul 3, 2023How to make Next.js app a PWA (Progressive Web App)Let's learn how we can make our Next.js app a Progressive Web App🚀 Create Next app npx create-next-app next-pwa-app Install required package npm i next-pwa # npm or yarn add next-pwa # yarn Generate Manifest.json and PWA icon We need to generate a...Discuss·117 readsNext.js
Divanshu Garggargdivanshu.hashnode.dev·May 8, 2023NextJS 13.4 - Automatic Image OptimizationAutomatic Image Optimization is a built-in feature in Next.js that automatically optimizes images on your website for performance. When you add an image to your Next.js project, Next.js will automatically resize and compress the image to the appropri...Discuss·1 like·56 readsNext.js
Divanshu Garggargdivanshu.hashnode.dev·May 8, 2023NextJS 13.4 - Best FeaturesINTRODUCTION Next.js 13.4 is the latest version of the popular React framework for building modern web applications. It comes packed with a range of powerful features that can help you to build fast, reliable, and scalable web applications with ease....Discuss·1 like·104 readsNext.js
dahliacodethenporrada.xyz·Apr 8, 2023How to set a cookie using NextJS 13 API routesIt seems that there is a correct sequence for creating a Response object with a set-cookie header and a JSON body in Next.js 13. I'm not sure if this is limited to the beta app directory version and typescript. Problem: typescript is confused? If you...Discuss·1 like·6.6K readsNext.js