Next.js 15 From Scratch

1

What is Next.js 15 and Why Should You Learn It?

Learn what Next.js is, how it differs from React, and why it is the most in-dema...

20 dakika

2

Setting Up Your Development Environment & First Project

Node.js setup, creating a project with create-next-app and VS Code configuration...

25 dakika

3

App Router: Pages and File-Based Routing

How does the Next.js App Router work with file-system-based routing? Build power...

30 dakika

4

The Link Component and Programmatic Navigation

Client-side navigation with next/link and useRouter. Understand prefetching and...

20 dakika

5

Image Optimisation with next/image

Automatic WebP conversion, lazy loading, size optimisation and preventing layout...

20 dakika

6

Styling with CSS Modules and Tailwind CSS

CSS Modules, global styles and Tailwind CSS in Next.js. Prevent style collisions...

25 dakika

7

Static and Dynamic Data Fetching

Fetching data with async/await inside Server Components, the difference between...

30 dakika

8

Free Deployment to Vercel

Push your Next.js project to GitHub and deploy it to Vercel for free. Connect a...

20 dakika