Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to implement a Backend-for-Frontend (BFF) architecture using Next.js with a separate backend server in this 11-minute tutorial. Discover the advantages of separating your Next.js frontend from your backend services, including improved scalability, better separation of concerns, and enhanced flexibility in technology choices. Explore practical implementation steps including setting up a separate server environment using Cloudways hosting, creating simple product data structures, and building REST API endpoints. Follow along as the tutorial demonstrates how to fetch data from your separate backend within Next.js applications and deploy the frontend to Vercel while maintaining the backend on a different hosting platform. Understand additional benefits of this architectural approach such as improved performance optimization, easier maintenance, and better team collaboration possibilities when working with larger development teams.
Syllabus
00:00 Why use a separate server with Next.js
03:47 Hosting separate server Cloudways
05:31 Adding simple product data
06:26 REST API
07:39 Fetch data in Next.js
08:47 Host Next.js on Vercel
09:50 Other reasons for separate server
Taught by
ByteGrad