Hey there. I've put together this Next.js 14 course for folks starting from scratch. Whether you're aiming for a job or want to build your own apps, this course has you covered. Don't worry if you're new to JavaScript or React - I'll point you to some good resources to get started.
Hey there. I've put together this Next.js 14 course for folks starting from scratch. Whether you're aiming for a job or want to build your own apps, this course has you covered. Don't worry if you're new to JavaScript or React - I'll point you to some good resources to get started.
What We'll Build:
A portfolio and blog site
A personal finance app
What You'll Learn: We'll cover Next.js, a full-stack React framework. You'll get hands-on with UI design, data management, user authentication, and styling with Tailwind CSS. We'll also deploy our projects on Vercel.
After the Course: You'll have a solid foundation in full-stack development. These are skills that usually take a while to learn, but you'll get a good grasp of how to build and deploy complete web applications.
Course Structure:
Learn at your own pace - each section is about 2 hours long
Code along with the videos or skip ahead if you're familiar with some parts
Beginner-friendly with extra resources for JavaScript, React, and SQL basics
I'll explain the 'why' behind what we're doing and link to relevant docs
What Makes This Course Different:
Up-to-date content using current best practices
Step-by-step approach, not just diving in without explanation
We'll actually finish and deploy our projects
How It Works:
Go at your own speed - 30 minutes a day or longer sessions, whatever works for you
Build practical projects you can use and talk about in interviews
Source code for each step, detailed videos, and a Discord chat for help when you need it
Let's begin by seeing what's missing in React. React is a UI library, and it wasn't designed to be a full-stack framework.
Next.js is a full-stack framework, on the other hand. It's not only about UIs it's about routing, pages, layouts - and more importantly data fetching, caching and data mutations.
Server Actions complete the picture. They let you mutate data easily, and combined with Next.js caching - you can forget about useEffect and libraries like TanStack Query or SWR!
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.