Drupal to Sitecore SXA
One of my recent projects was a full site lift and shift from Drupal to Sitecore 10.2 and SXA. The goal was to make the new frontend Sitecore site look exactly like the old Drupal site. We did fix a few accessibility issues on the existing site as we went, but we did not change any of the design or ux.
We had a pretty tight deadline, a large number of components to build, and a large number of pages to migrate. I was concerned about how to accomplish the project in the given timeline and make it look exactly like the old site. SXA uses bootstrap by default (among several other ui frameworks available). Bootstrap has its own breakpoints, containers, grid classes, paddings and margins, and components. The Drupal site used a custom theme with custom breakpoints, custom grid classes, custom paddings and margins.
Mapping Out a Plan
XM Cloud Roadmap Guide
XM Cloud is the future of enterprise content management offerings. The new sites, pages, and components tools offer an efficient content author experience that is not available with other CMS systems.
How would we build these components in bootstrap and make the layout match? How would we test the responsive layout in tablet and mobile? How would we capture all the active and hover states? How would we untangle the existing css and migrate style to the new sxa and bootstrap classes? How would we know we didn’t miss anything?
Do you need to migrate your site? Reach out to see how Perficient can help you migrate your site.