Setting Up Your Cloud Site
Create a Dyrected Cloud site, collect the credentials your Next.js install needs, and choose whether editors will use hosted or embedded admin.
Use this page when you already know the Next.js project will use Dyrected Cloud and you want the short Cloud-specific prep before running the full install flow.
By the end, you should have one Dyrected Cloud site, the three values the install needs, and a clear answer to one practical question: will editors use hosted admin or your own /admin route?
What this page is for
The main Next.js setup page now covers both Cloud-backed and self-hosted installation in one place:
This page is only the Cloud-specific preflight for readers who already know they want Dyrected Cloud to host the backend.
What to prepare before install
Create the site in app.dyrected.com, then keep these three values together:
Site IDSite API keyBase URL
Those are the values the Next.js install flow will need when you wire the generated environment variables.
Decide the editor entry point
Once the backend is on Dyrected Cloud, you still choose where editors sign in:
- Hosted admin if you want Dyrected to own the editor surface and update cadence
- Embedded admin if editors should work in your Next.js app at a route like
/admin
Both options use the same Cloud backend.
Continue with the full setup
Once you have the Cloud site and those three values, continue to Installing Dyrected, which now covers the full Next.js setup flow.
Success check
You are ready to continue when:
- the site exists in Dyrected Cloud
- you have the
Site ID,Site API key, andBase URL - you know whether editors will use hosted admin or your own
/adminroute
Once those are true, continue to Installing Dyrected.
Overview
Follow the full Next.js quick start to install Dyrected, model content, render it in your app, add preview, and reach a framework-complete setup.
Installing Dyrected
Install Dyrected into an existing Next.js App Router project, starting with the Cloud path and keeping the self-hosted path as a separate follow-up option.