Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Next.js BFF With Separate Backend Is My Favorite Architecture

ByteGrad via YouTube

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

Reviews

Start your review of Next.js BFF With Separate Backend Is My Favorite Architecture

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.