Recently Updated Pages
Forms
I delved deep into exploring Forms in Next.js 14 using Next's App Router, React Server Components...
Installation
Package Package installs are pre-built with their own options configured which also get installe...
Route Handlers
Route Handlers allow you to create custom request handlers for a given route using the Web Reques...
Common Errors
Hydration Error While rendering your application, there was a difference between the React tree ...
Server vs Client
Server Components: These are rendered on the server but can utilize hooks like useState to reta...
Metadata
Metadata is crucial for SEO and shareability. In this chapter, we'll discuss how you can add meta...
Authentication
Authentication vs. Authorization In web development, authentication and authorization serve diff...
Accessibility
Accessibility refers to designing and implementing web applications that everyone can use, includ...
Handling Errors
In the previous chapter, you learned how to mutate data using Server Actions. Let's see how you c...
Tables
Your search functionality will span the client and the server. When a user searches for an invoic...
Mutating Data
Server Actions React Server Actions allow you to run asynchronous code directly on the server. T...
Streaming
Streaming is a data transfer technique that allows you to break down a route into smaller "chunks...
Static & Dynamic Rendering
What is Static Rendering? With static rendering, data fetching and rendering happens on the serv...
Fetching Data
When you're creating a full-stack application, you'll also need to write logic to interact with y...
Database
Before you can continue working on your dashboard, you'll need some data. In this chapter, you'll...
Navigation
To link between pages, you'd traditionally use the <a> HTML element. At the moment, the sidebar l...
Pages & Layouts
Next.js uses file-system routing where folders are used to create nested routes. Each folder repr...
Fonts & Images
Fonts play a significant role in the design of a website, but using custom fonts in your project ...
CSS Styling
/app: Contains all the routes, components, and logic for your application, this is where you'...
Handling Media
There's a whole complex thing about which format and quality to use. PNG generally isn't ideal un...