We may earn an affiliate commission when you visit our partners.

Next.js 14 from Scratch

Packt - Course Instructors

This course now features Coursera Coach!

A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course.

This course now features Coursera Coach!

A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course.

This comprehensive course is designed to equip you with the skills needed to build modern, high-performance web applications using Next.js 14. You'll learn how to create dynamic websites with ease, leveraging server-side rendering, API routes, and authentication systems. By the end of the course, you'll be able to develop and deploy a full-stack property rental platform.

The course begins with a deep dive into the fundamentals of Next.js, including understanding its core features, setting up your development environment, and building a project from scratch. You'll start by creating a property rental website, PropertyPulse, and will walk through essential Next.js features such as file-based routing, components, and conditional rendering.

As the course progresses, you'll learn how to integrate a MongoDB database, set up API routes for CRUD operations, and implement advanced features like user authentication with Google OAuth. You'll build a robust backend using Mongoose to handle database interactions and explore the creation of dynamic property pages, bookmarking, and messaging functionalities.

This course is ideal for developers with some basic understanding of JavaScript and React who want to take their skills to the next level with Next.js. You'll learn practical techniques for building, managing, and deploying full-stack applications, including integration with external tools like Cloudinary and Vercel. If you're interested in developing modern web applications, this course offers an in-depth and hands-on experience.

Enroll now

Or subscribe to Coursera Plus

And get unlimited access to Coursera

Two deals to help you save

Save money when you learn. Here are two deals and offers that may be relevant to this course.

All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Valid until December 2

Annual Subscription

Invest in your career growth and save. Start your annual subscription to Coursera Plus and access 10,000+ programs.

Valid until March 12, 2027

Save 40% Off 3 Months

Access thousands of top-rated learning programs with a Coursera Plus monthly subscription and take 40% off 3 months for a limited time.

What's inside

Syllabus

Introduction

In this module, we will introduce the course structure and its objectives, provide an overview of the PropertyPulse project that you'll be building, explain what Next.js is and why it's preferred for React-based web development, and guide you through setting up your development environment to get started.

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.

Save

Career center

Learners who complete Next.js 14 from Scratch will develop knowledge and skills that may be useful to these careers:

Full-Stack Web Developer

A Full Stack Web Developer is adept at building robust web applications from the ground up, handling both the user-facing interface and the underlying server, database, and API logic. This course on Next.js 14 from Scratch offers comprehensive training for individuals aspiring to become a Full Stack Web Developer. It meticulously covers developing a full-stack property rental platform, including server-side rendering, API routes for CRUD operations, and integrating a MongoDB database with Mongoose. Learners will gain practical experience in user authentication with Google OAuth, managing property listings, and deploying applications to Vercel, equipping them with the diverse skill set required to manage entire web application lifecycles and deliver complete, high-performance solutions.

See salaries and explore the career path for Full-Stack Web Developer

Frontend Web Developer

As a Frontend Web Developer, you are responsible for crafting the visual and interactive elements of websites and web applications, ensuring an engaging and intuitive user experience. This Next.js 14 from Scratch course is highly relevant, providing deep insights into building dynamic user interfaces. You will learn to create key components like navigation bars and homepages, implement file-based routing and conditional rendering for interactive pages, and enhance user experience with custom loading and 'Not Found' pages. The course also includes integrating interactive maps using Mapbox and a lightbox for image viewing, directly enhancing the skills needed to create modern, responsive, and feature-rich frontend experiences.

See salaries and explore the career path for Frontend Web Developer

Web Application Developer

A Web Application Developer designs, builds, and maintains software applications that run over the internet, covering various aspects from user interface to database integration. This Next.js 14 from Scratch course is specifically designed to equip learners with the skills to excel as a Web Application Developer. It covers everything from setting up a development environment and building a project from scratch, like a property rental platform, to integrating databases, creating API routes, and implementing user authentication. The practical, hands-on experience in developing dynamic web applications, including features like messaging systems and property search, provides a robust skill set for creating modern, high-performance web solutions.

See salaries and explore the career path for Web Application Developer

React Developer

A React Developer specializes in building user interfaces with the React JavaScript library, creating reusable components and managing application state. Since Next.js is built fundamentally on React, this Next.js 14 from Scratch course is an excellent pathway for a React Developer to advance their capabilities. The course delves into Next.js components, server and client components, and advanced rendering techniques that directly leverage React's strengths. Learners will apply their existing React knowledge to build complex interactive features, understanding how Next.js extends React for full-stack, performance-optimized applications, thereby deepening their expertise in the React ecosystem and modern web development practices.

See salaries and explore the career path for React Developer

Backend Web Developer

A Backend Web Developer builds and maintains the server-side logic, databases, and APIs that power web applications, ensuring data integrity and efficient operation. This Next.js 14 from Scratch course provides strong foundations for a Backend Web Developer. It guides you through setting up a MongoDB database, connecting it with Mongoose, and creating essential API routes for all CRUD operations. You will gain expertise in building a robust backend, implementing user authentication with Next Auth and Google OAuth, and securely handling data submissions for property listings and user messages. This detailed focus on data management, server-side logic, and secure API development is crucial for mastering backend application architecture.

See salaries and explore the career path for Backend Web Developer

Software Engineer

A Software Engineer designs, develops, and maintains software systems, applying engineering principles to create scalable and efficient solutions. This course on Next.js 14 from Scratch helps build a foundation for a Software Engineer focused on web technologies. While not covering all aspects of general software engineering, it provides deep practical experience in building a large-scale web application, PropertyPulse, using modern frameworks and best practices. Learners will gain skills in architectural design for web applications, database interactions, authentication, and deployment, which are crucial for developing robust software. This experience directly translates into the ability to engineer complex, maintainable web-based software solutions.

See salaries and explore the career path for Software Engineer

API Developer

An API Developer specializes in designing, building, and documenting Application Programming Interfaces that allow different software systems to communicate with each other. For an API Developer, the Next.js 14 from Scratch course offers extensive practical experience in creating and managing API routes. You will learn to build essential API routes for various CRUD operations, handle form submissions efficiently, and set up API endpoints for features like property search and messaging systems. This detailed curriculum on crafting robust backend APIs with Mongoose and handling data interactions is directly applicable to developing scalable and secure API services, a core responsibility of this role.

See salaries and explore the career path for API Developer

User Interface Developer

A User Interface Developer focuses on implementing the visual and interactive parts of a software application, ensuring a seamless and intuitive experience for users. This course on Next.js 14 from Scratch is highly beneficial for a User Interface Developer, as it focuses on building dynamic and interactive property pages, creating custom loading and 'Not Found' pages, and implementing advanced UI features. You will work with components, conditional rendering, and integrate elements like interactive maps using Mapbox and the Photoswipe lightbox for improved image viewing. This hands-on experience with modern UI frameworks and integration of external tools empowers learners to craft sophisticated and responsive user interfaces.

See salaries and explore the career path for User Interface Developer

Product Developer

A Product Developer is involved in the end-to-end creation of a product, from conceptualization and design to development, testing, and deployment, often with a user-centric focus. This Next.js 14 from Scratch course provides valuable experience for a Product Developer, as it offers a holistic journey of building a complete product, the PropertyPulse rental platform. Learners will develop features like user authentication, property management, search, messaging, and deployment. This comprehensive approach, covering the full lifecycle of a web application from scratch, helps build an understanding of how individual features integrate into a cohesive product, and the technical considerations involved in bringing a product to market.

See salaries and explore the career path for Product Developer

Cloud Developer

A Cloud Developer designs and implements applications that run on cloud computing platforms, leveraging cloud services for scalability, reliability, and performance. This course on Next.js 14 from Scratch offers relevant skills for a Cloud Developer, particularly given its focus on deploying applications to Vercel, a leading serverless platform. The course also covers server-side rendering and API routes, which are fundamental concepts for building performant cloud-native applications. While it doesn't cover a broad range of cloud providers, the practical experience in deploying a full-stack application to a cloud environment helps build relevant skills for developing and managing modern web services in the cloud.

See salaries and explore the career path for Cloud Developer

Technical Project Manager

A Technical Project Manager oversees the planning, execution, and delivery of technical projects, requiring a strong understanding of the technologies involved to guide development teams effectively. This Next.js 14 from Scratch course may be useful for an aspiring Technical Project Manager by immersing them in the end-to-end development of a complex web application. The structured approach to building a property rental platform, from setting up the environment and designing components to integrating databases, implementing authentication, and deploying the application, provides invaluable insight into the full software development lifecycle. This hands-on experience can help a project manager better understand technical challenges, estimate timelines, and communicate with development teams.

See salaries and explore the career path for Technical Project Manager

Solutions Engineer

A Solutions Engineer combines technical knowledge with business acumen to design and present technical solutions to clients or internal teams, often involving product demonstrations and technical architecture. This Next.js 14 from Scratch course may be helpful for a Solutions Engineer by providing a deep, practical understanding of modern web application development. The experience of building a comprehensive platform like PropertyPulse, including database integration, API development, and user authentication, helps to articulate complex technical solutions. While not directly focused on client interaction, the ability to understand and explain the architecture and features of a full-stack application is a valuable asset for a Solutions Engineer demonstrating technical capabilities.

See salaries and explore the career path for Solutions Engineer

Database Developer

A Database Developer specializes in designing, implementing, and maintaining databases, including schema design, query optimization, and ensuring data integrity. This Next.js 14 from Scratch course may be useful for a Database Developer, as it covers setting up a MongoDB database and connecting it to a Next.js application using Mongoose. Learners will gain hands-on experience in building API routes for all CRUD operations, saving user data, and managing property listings within the database. While the course provides practical database interaction experience, it is focused on the application layer, helping one understand how web applications interact with databases, which is a strong foundational skill for a Database Developer.

See salaries and explore the career path for Database Developer

Developer Advocate

A Developer Advocate builds and nurtures communities around products or technologies, educating developers and gathering feedback, requiring deep technical understanding and excellent communication skills. This Next.js 14 from Scratch course may be useful for a Developer Advocate focused on web technologies. By building a complete web application with Next.js 14, learners gain practical, in-depth knowledge of the framework's features, challenges, and benefits, including server-side rendering, API routes, and various integrations. This hands-on experience helps to articulate technical concepts clearly, create compelling demonstrations, and empathize with developers using the technology, which are all essential for effectively engaging with developer communities.

See salaries and explore the career path for Developer Advocate

Technical Writer

A Technical Writer creates clear, concise, and accurate documentation for software, hardware, or processes, making complex technical information accessible to various audiences. This Next.js 14 from Scratch course may be helpful for a Technical Writer interested in web development documentation. By progressing through the structured modules of building a complete web application, from environment setup to deployment and specific features like authentication and messaging, a writer gains a foundational understanding of the technical intricacies. This practical exposure to the architecture, code, and deployment process of a Next.js application helps writers to effectively document similar projects, create tutorials, or explain complex web development concepts.

See salaries and explore the career path for Technical Writer

Reading list

We've selected 50 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Next.js 14 from Scratch.

The Road to Learn React

Save

An updated edition focusing on the latest versions of Next.js and React, covering full-stack web development with modern features like the App Router, Server Components, and Server Actions. is highly relevant for staying current with contemporary Next.js development.

The Road to React: The React.js with Hooks in...

Kindle Edition

Real-World Next.js

Save

Is specifically focused on building production-ready applications with Next.js. It covers essential topics like scalability, performance optimization, and modern web development practices within the Next.js framework. It's a valuable resource for understanding how to leverage Next.js effectively in real-world projects.

Real-World Next.js: Build scalable, high...

Kindle Edition

Learning Web Design

Save

A comprehensive guide covering the core technologies of front-end web development: HTML, CSS, and JavaScript, along with web graphics. is well-suited for beginners and serves as a solid introduction to the entire process of creating websites. It includes exercises and quizzes to reinforce learning. While it provides a broad understanding, readers looking to specialize in a particular area might need more focused resources later. The latest editions incorporate modern web standards and practices.

Next.js 14 from Scratch

Two deals to help you save

What's inside

Syllabus

Save this course

Career center

Reading list

Share

Similar courses

Coursera Buyer Protection & Guarantee

7-Day Free Trial & Free Audit

14-Day Refund Guarantee

Verified Academic & Industry Partner