Migration to Jamstack: The Questionnaire
Tags: jamstack, wordpress
Published: 2021-04-27 16:03:18

<!-- wp:paragraph -->
<p>We are seeing growing interest in <a href="https://pagepro.co/jamstack-development.html" target="_blank" rel="noreferrer noopener">Jamstack development</a> as we receive many inquiries about migration to this architecture lately. Because of that, we decided to share our questionnaire that helps with collecting information and project requirements.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It helps us decide whether <strong>Jamstack</strong> is a good fit for a particular project, how long migration will take, and its cost. Also, it’s a great method to predict risks connected with such a migration.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2><br><br>Why do people migrate to Jamstack?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Excellent user experience and page load speed are two main things taken into account not only by Google bots but – more importantly – by real users and customers. When at least one of two disappoints them, they may leave your website or webshop and never come back. Therefore, companies are always looking for modern technologies that will help them take care of their website’s user experience and page load speed.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Some of them found out that Jamstack is a great solution because it offers three main benefits:</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol><li><strong>Better conversion rates, thanks to:</strong></li></ol>
<!-- /wp:list -->

<!-- wp:list -->
<ul><li>High performance</li><li>Great user experience</li><li>Stability and reliability of the website</li></ul>
<!-- /wp:list -->

<!-- wp:list {"ordered":true,"start":2} -->
<ol start="2"><li><strong>Bigger traffic, thanks to:</strong></li></ol>
<!-- /wp:list -->

<!-- wp:list -->
<ul><li>SEO optimisation (server-side rendering / static generation)</li><li>Better Google PageSpeed results</li></ul>
<!-- /wp:list -->

<!-- wp:list {"ordered":true,"start":3} -->
<ol start="3"><li><strong>Easier maintenance, thanks to:</strong></li></ol>
<!-- /wp:list -->

<!-- wp:list -->
<ul><li>Better security</li><li>Low hosting cost</li><li>Leveraging modern frontend frameworks</li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>The number of Jamstack advocates grows systematically, and more and more companies decide to migrate their websites to this SEO and user-friendly architecture.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>However, before you also make such a decision, we recommend you consider different technical scenarios. One of those scenarios is working with external teams, agencies, or developers, and it will be much easier and more efficient for you to be prepared before the work even starts.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>A questionnaire is extremely helpful, as we, as an agency, need to make sure that Jamstack is the right solution for your specific case. It also helps us get to know the scope of work and collect project requirements much easier.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>After that, we will suggest the correct approach, give the alternatives, and ultimately, choose the right technology stack.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>And finally, you can use this questionnaire to prepare a perfect brief for internal and external development resources.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2><br><br>Moving to Jamstack: The Discovery Stage</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>In short, the discovery stage is the stage before the development itself, and the primary goal is to collect all the necessary information. It leads to a better understanding of project requirements and helps to select appropriate technologies and other tools. The end result of the discovery stage is the scope of work and project estimation.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>At this stage, it’s also worth thinking about doing additional research and analysis based on the data from Google Analytics (and other tools) and interviews with real users. It may be helpful to find out what users want and plan migration including desired changes.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>What you can also include in this stage is competition research and technology trends overview which may give you some tips about what’s working and what functionalities may be helpful.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Of course, you may be already familiar with best practices, and pretty sure about what you want to do. However, it’s still a good idea to double-check if specific functionalities will truly be able to deliver desired results and are aligned with your company objectives (yes, technology can do that). Especially in such an important moment of change that you will be working with for years to come.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2><br><br>Discovery Stage Questionnaire</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Our questionnaire is a part of the discovery stage (before any migration to Jamstack). It’s a document collecting all necessary information about a new website and is divided into three parts:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Website content architecture</li><li>Website functionalities</li><li>Data &amp; Integrations</li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>We will describe these sections separately and provide examples so it will be easier for you to understand the questionnaire and fill it out. Moreover, you will find a downloadable questionnaire at the bottom of this blog post.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>Section 1: Website content</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>If we want to migrate a website, it means there is a current version, containing content that will also be on a new website. Therefore, we have to check a few things before migration:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>What and how many pages are there</li><li>How pages are connected</li><li>How content is being displayed</li><li>How does the old sitemap look like</li><li>How the new sitemap will look like</li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>In other words, we collect all the content that we will migrate and check what content we want to add. Later, we are checking if these pages use reusable layouts or blocks, which we will be implementing during development.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4>Examples of page types</h4>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>Home Page</li><li>About Us Page</li><li>Blog Listing Page</li><li>Careers Page</li><li>Contact Page</li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":4} -->
<h4>Examples of general page templates</h4>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>Home Page Template</li><li>Case Study Template</li><li>Product Details Template</li><li>Job Offer Details Template</li><li>Blog Post Template</li><li>Landing Page Template</li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":3} -->
<h3>Section 2: Website functionalities</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>If we already checked what content will be on the new website, we must define how users can interact with it. In other words, what functionalities we will need to implement.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It’s a place to write down all functional requirements to check if we can implement all of them using Jamstack. It’s also worth adding functionalities connected with website management (such as the admin panel).</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Additionally, we need to keep in mind non-functional requirements such as page load speed, security, scalability, performance, etc.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4>Examples of functional requirements</h4>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>Creating landing pages in an easy way using block builder</li><li>Commenting feature</li><li>Search feature</li><li>Newsletter form</li><li>Contact form</li><li>Google Maps integration</li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":4} -->
<h4>Examples of non-functional requirements</h4>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>Reducing page weight to … kb</li><li>Reducing page load speed to … seconds</li><li>Reducing website build time to ... seconds</li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":3} -->
<h3>Section 3: Data &amp; Integrations</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>In this section, we have to collect information about external data sources like headless CMSes. We have to know what data needs to be processed and displayed. We also discuss every third-party integration with a website – like analytics or marketing tools – and data coming from users like messages sent through the contact form.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4>Examples of data sources</h4>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>Headless CMS (Sanity, Kentico Kontent, Strapi)</li><li>Spreadsheets (Airtable, Google Sheets)</li><li>PIM (Product Information Management) Platform</li><li>Files (text, MD files)</li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":4} -->
<h4>Examples of third-party integrations</h4>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>Google Analytics Integration</li><li>Facebook Pixel implementation</li><li>Newsletter&nbsp;</li><li>Marketing automation tools</li><li>CRM</li></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2><br><br>Choosing Jamstack tools for the job</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The easy part is over. Now it’s time to choose tools for the Jamstack development which should be much easier after filling out the questionnaire and collecting all the necessary information and requirements.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You will need:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Static site generators like <a href="https://pagepro.co/gatsby-development.html">Gatsby</a> or <a href="https://pagepro.co/nextjs-development.html">Next.js</a></li><li>Headless CMS like Sanity</li><li>CI/CD tool like Netlify Build</li><li>Global hosting like Netlify ADN</li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Any good development agency specialising in Jamstack will help you with that by matching tools to needs.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2><br><br>What’s next?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>You already know the necessary steps to prepare for a migration to Jamstack, so now it’s time to sit down and fill out the questionnaire.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Below you will find a link to Google Drive to download a file with the same sections to fill as described in this blog post.</p>
<!-- /wp:paragraph -->

<!-- wp:code-mind/cta {"title":"Planning migration to Jamstack?","buttonTitle":"Download Questionnaire","buttonUrl":"https://docs.google.com/document/d/1c2gGdHz_nHxi1ahqs3H7gPJyU1IkFlqtSB5Qbksu1qQ/edit#heading=h.vv77pfkskypb"} -->
<div class="wp-block-code-mind-cta c-cta-block" style="background-color:;color:"><div class="c-cta-block__content"><p>Planning migration to Jamstack?</p><div><a href="https://docs.google.com/document/d/1c2gGdHz_nHxi1ahqs3H7gPJyU1IkFlqtSB5Qbksu1qQ/edit#heading=h.vv77pfkskypb" style="color:;border-color:" class="c-cta-block__button theme-bg-3">Download Questionnaire</a></div></div></div>
<!-- /wp:code-mind/cta -->

<!-- wp:heading -->
<h2><br><br>Further readings</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>If you want to learn more about Jamstack itself, please read these articles:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li><a href="https://pagepro.co/blog/why-you-should-build-a-jamstack-website/" target="_blank" rel="noreferrer noopener">Why You Should Build a Jamstack Website?</a></li><li><a href="https://pagepro.co/blog/is-jamstack-the-best-web-tech-stack-for-2021/" target="_blank" rel="noreferrer noopener">Is Jamstack the Best Web Tech Stack for 2021?</a></li><li><a href="https://pagepro.co/blog/benefits-of-jamstack-development/" target="_blank" rel="noreferrer noopener">Benefits of Jamstack development</a></li><li><a href="https://pagepro.co/blog/why-use-jamstack-for-ecommerce-in-2021/" target="_blank" rel="noreferrer noopener">Why Use Jamstack for eCommerce in 2021?</a></li><li><a href="https://pagepro.co/blog/migration-from-wordpress-to-jamstack/" target="_blank" rel="noreferrer noopener">Migration From WordPress To Jamstack – A Complete Guide</a></li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>If you want to learn more about benefits and best use cases for Jamstack, we ran an interview with one of the top experts from development community:</p>
<!-- /wp:paragraph -->

{% youtube aBh7ucULKpo %}