Hi! In my second article I want to introduce you to Nextjs 13. This article aims to present the most important things introduced in Next.js 13. In the following articles I will expand every topic.
So what’s new in Next.js 13?
app directory —instead of a pages directory, we can now use the app directory with new routing system
page.js — creates UI of a route and makes a path publicly accessible
layout.js — UI that is shared between multiple pages
template.js — templates are similar to layouts in that they wrap each child layout or page but I will expand on this topic later
loading.js — creates loading UI
error.js — define an error UI boundary for a route segment
not-found.js — creates UI to show when UI for the path is not found
route.js — creates server-side API endpoints for a route (available in next@canary).
Server components — components by default are server components
Next/font — self-hosted fonts with zero layout shift
New next/image — faster with native browser lazy loading.
Improved next/link — simplified API without “a” tag inside
These were the most important things introduced in the new version of Next.js. In the next article I will explain the basics of app directory and routing system.
Top comments (0)