React & Next.js, the practical way
Components, state and routing, then ship a full-stack app on Next.js.
Created by Attaullah
4.8 rating 21,540 learners 31 hours, 18 lessons Taught in English
What you will learn
- Think in components, props and state
- Use hooks: useState, useEffect, useMemo and custom hooks
- Build pages with the Next.js App Router and Server Actions
- Connect a database with Prisma and deploy to Vercel
Course content
4 sections, 18 lessons. Lessons marked free can be watched without an account.
Section 1: React foundations5 lessons, 70 min
- Why React?Free6 min
- JSX in five minutesFree13 min
- Components and props20 min
- State with useState12 min
- Lists and keys19 min
Section 2: Hooks and patterns4 lessons, 51 min
- useEffect without the confusion6 min
- Forms in React13 min
- Custom hooks20 min
- Context for shared state12 min
Section 3: Next.js5 lessons, 70 min
- App Router and layouts6 min
- Server and client components13 min
- Data fetching20 min
- Server Actions12 min
- Styling with Tailwind19 min
Section 4: Ship it4 lessons, 51 min
- Prisma and PostgreSQL6 min
- Authentication13 min
- Deploying to Vercel20 min
- Final project: notes app12 min
Your instructor
Attaullah
Instructor, TechSnow
Teaches web development, Python and programming fundamentals at TechSnow, with clear lessons in English and Urdu / Hindi and a real project in every course.
Before you start
- JavaScript basics: functions, arrays, objects
- Some HTML and CSS