You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Let's learn about Nextjs via these 211 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the /Learn or LearnRepo.com to find the most read blog posts about any technology.
Next.js is a flexible React framework that gives you building blocks to create fast web applications. It's used on internet pages like this one :-)
CRA may be "dead", but there are many alternative tools available for building React applications that offer superior performance and faster development times.
With server and client components in next.js 13, this tutorial will take you through integrating and managing state using redux toolkit in your project.
Next.js is a JavaScript framework that enables developers to create front-end web applications that are run on a server. It is a React-based framework that is e
Learn to create a Full Stack Airbnb Clone with Amplication: Low-code Next.js frontend, Tailwind CSS styling, JWT-based auth, Mapbox API maps, and more.
I see a lot of discussion around CRA being outdated and we should replace it with Vite. This blog discusses CRA's problems and alternatives we can use.
Next.JS allows the developers to create Server-side, Client-side or Static websites. Unlike the other frameworks, the rendering in Next JS is per page. That means, the "about" page can be static, while the "home" page can be server-side.
Unleash the full potential of React Hooks! Discover how to leverage this powerful feature to enhance your React applications with examples and common pitfalls.
How to implement secure email verification in Next.js 14 using NextAuth.js, Resend, and React Email. Enhance your web application's security and user experience
When you're writing client-side code to make API requests, you might need a Proxy Server to hide your API Credentials. Let's see how to do this for React apps.
Bridging Design and Development: Creating an open-source portfolio website template for designers. Easy customization, visual focus, and one-click deployment.
Enhance your web app's performance with Cloudinary in Next.js! Optimize media delivery and improve user experience. Learn how in our step-by-step guide.
In this blog post, we will explore advanced techniques for optimizing SEO in Next.js to enhance search engine visibility and attract more organic traffic.
Learn to create reusable components in React for better code organization and maintenance, using ComponentProps and HTMLAttributes interfaces for adaptability..
In this tutorial, we'll explore the process of building a functional web development Integrated Development Environment (IDE) using React within a Next.js appli
This tutorial shows how a lightweight and performant time-series database coupled with queued status checks and a simple UI are best for robust applications.
React Server Components are a new feature that lets you build apps that combining the interactivity of client-side apps with the performance of server rendering
Learn how to seamlessly integrate Stripe Checkout with Next.js in this step-by-step guide. Set up a sandbox environment, get your API keys, and start accepting
NextJS is becoming a de facto framework for modern web development. In this article we will build a starter repo that you can use for every new project.
React, Gatsby, Next.js. Which of the three should you choose for your frontend web development and what should you understand before you make the decision?
So that's it, we are now using SWR as our default data fetching library, giving you all the benefits, like optimistic updates while consuming WunderGraph APIs.
Publishing static content becomes so effortless with Next.js, MDX, and Contentlayer. This article will show you how easy it is to implement that system.
React itself is a great solution already. But why are there many guides on "How to convert React to Next.js"? Let's find out why and when Next.js is better.
This Amazon Clone features a wide range of technologies and functionalities, including Next.js, Tailwind CSS, Zustand, Typescript, Prisma and Amplicaiton
If you're looking to build a cutting-edge decentralized application that combines the power of blockchain technology, real-time communication, and user-generate
I’m a Chapman Stick player turned web developer. I’ve had a Wordpress site for my Electronic Prog-Rock music project since 2014, much before I started my career as a web developer in 2017. Since becoming a developer, I’ve wanted to rebuild the website but, a combination of time, lack of design chops, and a bit of ignorance of how to migrate all the plugin tools Wordpress provides delayed my project.
This is How I Built My Portfolio Site and personal blog using React and NextJS, and how it achieved a Perfect Lighthouse Score. I rundown all the fudamental iss
You can build an enterprise-grade app with low-level knowledge thanks to the myriad of robust services covering every aspect of a web product’s needs. In this article, I explore how I built an app over a couple of weekends in lockdown with not a lot of work.
In this project, we are going to build GitHub user Search App using Github API. We will design the UI of the app using Tailwind CSS with Next.js as a framework.
Procrastination, we've all dealed with it. But today because of this blog post you will find five full-stack projects you can add to your portfolio before the end of 2020!
A senior-level deep dive into how React Server Components (RSC), SSR, and CSR work together in Next.js 15 — and why server-first rendering is the future.
Containerization in it's entirety is an incredibly useful concept. From being able to execute applications in isolation, to being able to port them easily..
How you can use Next.js and Cosmic to create special web pages such as restaurant websites that include restaurant menus that have many images and animations.
User authentication and authorization can be difficult and time consuming. Getting it wrong can also have disastrous consequences, such as malicious users accessing and stealing personal or sensitive information from your app.
Build your own Perplexity-style deep research AI agent using Next.js 15, OpenAI & exa.ai. Complete architectural guide with production-ready TypeScript code.
In the simplest terms, a serverless system is a way to build an application without having to manage the infrastructure. It reduces administration & maintenance
Explore Next.js's new native PWA support to easily create powerful, app-like web experiences with offline caching, push notifications, and seamless updates.
TailwindCSS is a highly customizable, low-level CSS framework. Here are my reasons why I decided to switch from normal CSS to Tailwind CSS for my work.
Axios was compromised in a major supply chain attack affecting 100M+ installs. Learn what happened and how to migrate safely to axios-fixed in minutes.
Learn how to implement secure, scalable Role-Based Access Control (RBAC) in a Next.js app with Permit.io, managing user permissions and enhancing app security.
Set up secure authentication in your Next.js app with Firebase. Follow this step-by-step guide to quickly integrate Google and Email/Password sign-in methods.
Full-Stack development just reached a whole new level of productivity. Isomorphic TypeScript APIs, as I call them, blur the lines between client and server.
Discover the steps I took to skyrocket my website performance score from 35 to a perfect 100. Learn about leveraging Next.js, optimizing images, choosing the ri
This Week in JavaScript includes OpenAI's groundbreaking GPT-4.5 model, Doom running in TypeScript, major Bun updates, and Firefox's privacy controversy,
NextJS 12 was announced yesterday at the NextJS Conf and they announced a new feature called middleware which allows one to modify the response to a request.
Highlights from the deprecation of Create React App, exciting updates from the React Native Summit, and why ES Modules are becoming the standard in JavaScript.
Learn how to build a customizable logo builder app with Next.js, shadcn/ui, html2canvas-pro, and Lucide Icons. Follow our step-by-step guide to create and perso
Recently I made a small web app that requires user accounts. I learned quite a bit about setting up authentication with Firebase on the client-side and using it on the server-side to protected API routes with a middleware pattern similar to Express.js. This post is a recap of what I learned based on this project for future reference. You can find the code for this project on GitHub here.
This is mainly useful for websites that use React/NextJS with a CMS (Content Management System) integration. No matter, whether it's WordPress, Contentful, Prismic or any other CMS. This concept is highly relevant for companies that require non-engineers to update the content easily. Whether, it's a change in the content, A/B testing or conversion-rate-optimization related. There are many reasons why the content of a website gets updated quite often throughout the year.
A boring, repeatable image pipeline for Next.js: cap images at 800px, strip metadata, and auto-pick lossless vs lossy WebP so pages feel complete faster.
To celebrate 700K+ listens I decided to write an article where I could take you behind the scenes and share some of the most valuable lessons I've learned.
For the last few months, I've been working on a personal portfolio. I've always believed that a separate portfolio is important for any dev since it connects you to future opportunities and it helps you to grow your network.
Back in the day, rendering a website was simple. You needed a web server that served HTML files. Those were static sites. Then developers started using databases and authentication. To achieve that, they needed to manipulate the HTML file before serving it.
Use TypeScript in all your projects and all use cases without any limitation. You can now do frontend, backend, infrastructure and machine learning in one progr
Universal Image Component is the Ultimate React/NextJS Image Solution. It offers a range of modes to suit your needs. From Base64 conversion to CDN optimization
Ever wanted to create a browser console log that persists after a page reloads? Sure, that isn’t a problem if you enable the “preserve log” option in your developer console, but hear me out.
It may not be apparent when you're working on it locally, but quirks such as this one on Netlify can throw a wrench into your application deployed in prod.
