I will integrate your optimizely cms with an angular app


About this gig
I will integrate your Optimizely CMS with an Angular front-end and build a production-ready content delivery flow using GraphQL and the Content Delivery API.
My service includes:
- Mapping Optimizely page types and blocks to a GraphQL schema for structured content queries.
- Implementing Content Delivery API connection for secure, scalable content fetching.
- Enabling Preview Website in CMS container and On-Page Editing so editors can view and edit content in real time directly from the CMS.
- Supporting block reordering and dynamic layout updates through content-driven APIs or GraphQL responses.
- Providing microfrontend-ready architecture for modular, distributed Angular apps.
- Building and publishing an npm package for easy setup and integration in your Angular project.
- Optional: Server-Side Rendering (Angular Universal) or static site generation for improved SEO and performance.
- Deployment guidance for Azure, Vercel, and IIS.
What you will get:
Fully functional Angular app integrated with Optimizely via GraphQL and Content Delivery API, with live preview, On-Page Editing, microfrontend-ready setup, dynamic page/block generation, reordering blocks on page, and npm package.
Respect third-party rights
Please be aware that it is against Fiverr's policies for sellers to include themes, templates, or any other elements that infringe third-party rights or applicable laws in the delivered work. Read more about in our Guide to Responsible Digital Creation.
Get to know Syed Haris
- FromPakistan
- Member sinceApr 2024
- Last delivery1 year
Languages
Urdu, English
FAQ
Q: Can you work with existing Angular apps?
A: Yes — I’ll integrate the GraphQL client, add preview hooks and connect your models. If you don’t have an app, I’ll provide a starter app.
Q: Do you modify Optimizely CMS?
A: I configure content models & delivery endpoints as needed, but I prefer using Optimizely best-practices and not changing platform internals.
Q: How does preview work?
A: I implement a secure preview token and a preview endpoint so editors can open the Optimizely edit/preview pane and see the Angular-rendered page with draft content.
Q: Can you build an npm package for the backend connection so I can just install and start using it in my Angular app?
A: Yes! I provide a ready-to-use npm package that connects your Angular app to Optimizely via GraphQL and the Content Delivery API, so you can install it easily and start fetching content immediately.
Q: Can you build SSR compatible with client-side routing?
A: Yes! I can set up Server-Side Rendering (Angular Universal) fully compatible with client-side routing, ensuring SEO-friendly pages while maintaining smooth Angular navigation.
Q: Can you work with JSON responses from the Content Delivery API, or set up page queries and handle the response?
A: Yes! I can work directly with JSON responses from the Content Delivery API, set up page queries, hit GraphQL endpoints directly, and efficiently manage the responses in your Angular app.
