<ul>
  <li><span>Migrate UJET's old WordPress site to </span><span>a modern tech stack (Agility CMS, Next.js and Vercel)</span></li>
  <li><span>Improve content management and site performance.</span></li>
  <li><span>The migration had to be done in a way that had minimal adverse effects for SEO.&nbsp;</span></li>
</ul>

Scope and challenges

<ul>
  <li>Implemented a modernized, multi-user headless content management with Agility CMS</li>
  <li>Built a next-gen frontend using Next.js</li>
  <li>Got 4 x faster page load times compared to the previous website&nbsp;</li>
</ul>

Solutions and results

Client: UJET

<p><span>Migrating from server hosted WordPress to Agility CMS, Next.js and Vercel resulted in a 4x performance increase in page loading speeds measured with Google Lighthouse. </span><span style="background-color: transparent; font-family: inherit; font-size: inherit; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-weight: inherit; letter-spacing: 0px;">The site has been optimized for Google Core Web Vitals (including LCP, DIF, CLS).</span></p>

in performance

<div class="column is-6">
  <div class="card infographic">
    <div class="content">
      <p>Implements the WCAG 2.1 AA accessibility guidelines with full screen reader and keyboard navigation support.&nbsp;</p>
    </div>
  </div>
</div>

based on the WCAG 2.1 standard.

<p>Bringing content management to a headless CMS such as Agility enables UJET to serve digital experiences faster to a broader audience.</p>

with Agility CMS

<div class="column is-6">
  <div class="card infographic">
    <div class="content">
      <p>The site has been optimized for Google Core Web Vitals (LCP, DIF, CLS) when not loading 3rd party scripts.</p>
    </div>
  </div>
</div>

for Google Page Experience and Core Web Vitals

If you're planning on migrating from WordPress to a Jamstack CMS, switching to Agility CMS is a no-brainer. Agility is best suited for larger enterprise websites with a lot of content that requires a robust content editor.

Agility CMS

Next.js is one of the leading JavaScript frameworks and static site generators in the market.

Next.js

The company behind Next.js. Vercel offers easy, effortless, lightning-fast global deploys and edge hosting for static web applications.

Vercel

React is a great (if not the best) choice for modern web apps. 
At Ikius we work mostly with React and can help you build your application with it.

React

<p><span>The first step in the migration process was to model content in Agility CMS based on the structure on WordPress. This was done by going through the pages and different content types on WordPress and re-creating them as modular content models in Agility CMS.</span></p>

1. Model content in Agility CMS

<div class="column is-6">
  <div class="card infographic">
    <div class="content">
      <p>After modelling the content on Agility CMS, the second step was to export all data such as pages, images and other assets from WordPress and import them to Agility. Thanks to Agility's flexibility it was easy to get WordPress' content, transform it to match the new content models and import it in Agility.</p>
    </div>
  </div>
</div>

2. Migrate content from WordPress

<p>Now that all data was modelled and migrated from WordPress to Agility it was convenient to start working on the front-end software code with Next.js. Agility provides an excellent architecture for creating modular, highly customizable and efficient page layouts.</p>

3. Front-end development

<p>The final step involved extensive quality assurance, where we ensured all pages contained correct data from SEO tags to H tag ordering. After extensive QA, the site was published on Vercel.</p>

WordPress migration to Agility CMS and Next.js