👉 Cloudways BFCM deal (sponsored): https://platform.cloudways.com/signup?affiliate_id=1723058&coupon=BFCM2024 (ByteGrad gets commissions). Disclaimer: this video is sponsored by Cloudways (paid). Evaluate safety, accuracy and other relevant parts of the reviewed product.
👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).
👉 Check out Kinde for auth and more https://bit.ly/3QOe1Bh

👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs
👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript
👉 Professional CSS Course: https://bytegrad.com/courses/professional-css

👉 Web development roadmap 2024 & 2025: https://email.bytegrad.com
👉 Email newsletter (BIG update soon): https://email.bytegrad.com
👉 Discord: all my courses have a private Discord

⏱️ Timestamps:
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

#webdevelopment #reactjs #nextjs

Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code.

This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 .
.
TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)

ByteGrad

The post discusses the benefits of using a separate backend with a Next.js application, highlighting scenarios where this architecture is advantageous. Examples include using different languages, handling heavy processing, and managing large product catalogs independently. The post includes a detailed example of setting up a decoupled backend using WooCommerce on Cloudways, with the front end hosted separately on Vercel, demonstrating how to fetch and display data from the backend in a Next.js app.

Next.js BFF With Separate Backend Is My Favorite Architecture