Pluggable prerendering stack for ahead-of-time data fetching and embedding in Product Pages and framework for definining rendering templates and rules.
- ⚡️ Boost SEO by pre-rendering human-readable product data in the markup
- 💉 Inject JSON-LD Structured data in the page source code
- 📈 Aggregate data sources and inject resulting data ahead-of-time
- ⚙️ Define your custom rendering logic
- 🧠 Offload intensive computation to the rendering phase
Setup of prerequisites and Edge Delivery Services is guided and some steps are automated.
- Go to https://developer.adobe.com/console and choose "Create project from template"
- Select "App Builder" and choose the environments (workspaces) according to your needs (we recommend Stage and Production as a starting point)
- You can leave all the other fields as per default settings; don't forget to provide a descriptive project title.
- After saving the newly created project, click on the workspace you want to deploy the prerendering stack to - use Stage to get started.
- In the top-right click "Download All": this will download a JSON file that will be used in the setup process.
- Then generate a repo with the relevant code in your org by clicking here. You can now clone the resulting repo from your org, and run
npm i && npx setup - Follow the steps to perform the initial setup
- Customise the code that contains the rendering logic according to your requirements, for structured data, markup and templates - more info here
- Deploy the solution with
aio app deploy
You might want to check out the instructions and guidelines around operation and maintenance of the solution
Few considerations around advantages, use cases and prerequisites are available in the dedicated page