Skip to main content

Adobe

Adobe Next Generation Composability POC

Multi Racial Diverse Group Of People Working With Paperwork On A Board Room Table At A Business Presentation Or Seminar. The Documents Have Financial Or Marketing Figures, Graphs And Charts On Them. There Are Laptops And Digital Tablets On The Table

Two weeks ago, in preparation for Adobe’s NextGen eCommerce event in Dallas TX, Adobe asked us if we would demo their Next Generation Composability product (NGC). The product was officially announced at Adobe Summit 2023 in March, and at the time all we had was a tutorial. So, I relayed the request from Adobe to our team and within a day we determined it was possible to create a demo. The small swat team was off to work and within two days we almost had a production-ready demo.

Here’s how we did it.

Perficient Adobe Blogs Site

The Project Franklin tutorial is centered around blog sites. So we began by taking our current Adobe blog site and migrated it to NGC. That process helped us prove the viability of the product. It also helped educate us on how to map content spots inside of a Google Doc to the code that renders the content. Once we moved over to NGC, we improved our Lighthouse performance score by 60 points on our pages.

Adobe wasn’t lying when they talk about how fast this architecture proves out. It’s blazing fast and efficient!

WordPress Blog Lighthouse Score

NGC Blog Lighthouse Score

Taking on a Product Detail Page

After communicating to Adobe that we were prepared for the demo, they asked if we could expand the demo to include a product detail page example. Seeing as this was a content and commerce event, we accepted the challenge.

To keep it simple, we mocked up a JSON response that provided us the product specification information. We then used Google Docs to host marketing-related information about the product. We enhanced our code to merge the product specifications with its romance copy and the results were compelling. Our first attempt had Lighthouse scores of 98%. See our product detail page example here.  What amazed me most was the speed at which we developed the solution using this framework compared to traditional CMS development.

Obviously, we’re not dealing with like for like requirements where we’re ensuring complete adherence to authoring principals, but the Google Editor proved to be a suitable replacement. The speed of development using this framework clearly proved to be much faster and efficient. In the end, requirements will dictate the approach that is needed, but this solution has clear benefits.

Quick Tip: Solve Cache Invalidation 

When building Next Gen Composability pages, we quickly learned that cache invalidation happens when the content inside the Google Doc is republished. But the dynamic loading of data happens in real time. We found that you can purge the cache using the Fastly API, which was useful in our debugging.

Next Generation Composability VIP Program

As an Adobe Platinum Partner and 2023 Adobe Digital Experience Partner of the Year, we are on a shortlist of partners that is able to include clients in a VIP program. If you are interested in learning more about this, please get in touch. We can talk through some of your use cases and determine if there is a good fit for this solution.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Robert Sumner

Robert Sumner is a tenured Adobe Digital Marketing and Experience Maker with over 20 years' experience helping Fortune 500 companies improve customer satisfaction, drive organizational efficiencies, and increase revenue using proven digital marketing/ecommerce strategies. Robert specializes in the manufacturing and automotive industries.

More from this Author

Follow Us
TwitterLinkedinFacebookYoutubeInstagram