Reading - 4min

CHECKLIST FOR A GOOD WEBSITE LAUNCH

So we are done coding the last feature of our brand new webapp. The tests we have written are passing. Code is happy and frozen in Github and nobody can commit until further notice. We are ready to deploy to production for the first time.

But wait... was our SEO ready?
Did we fix that typo in the latest version of the Copy?
Did we setup Analytics correctly?
Did we fix that issue with the navbar not being responsive in small resolutions?

Tho our Frontend Framework (Vue or React), or our hosting platform (Vercel or Netlify) resolve many problems for us, we Web-devs need to care of tasks that go above and beyond just the technical aspects of a project and mix a variety of fields.

Below is a list of essential steps that I believe are necessary to take before deploying a website or app:

Text & Media

Before deploying a website or app, it's crucial to ensure that the content is accurate and error-free. Therefore, on the day of deployment, after the morning coffee, the first task should be to check:

  1. Is our Copy final?

    1. Did we remove all placeholders?

  2. Are the texts proofread?

    1. Are there spelling mistakes?

    2. Are the title cases correct?

  3. Are all legal pages and copyrights ready?

Backend

Once you've ensured that the content is final, it's time to focus on the back-end specifics. Here are some important checks to make before deploying your website or app:

  1. Is the server up and running?

  2. Is the domain already working?

  3. Did we enable https?

  4. Did we setup 301s/303s/307s/308s correctly?

Frontend

We repeat the same process but for the Frontend this time:

  1. Is the Presentational code semantic?

  2. Is our CSS optimal and minimized?

  3. Is the project Responsive?

  4. Are all fonts working?

  5. Are all 3rd party scripts working?

  6. Are all API request being handled correctly?

  7. Do all links work?

  8. Are all URLs now pointing to our production Url?

  9. Did we create a 404 page to handle errors?

  10. Are all assets optimized?

  11. Is everything working fine in the latest versions of all major browsers?

  12. Are the loading times fine for mobile tablet desktop?

  13. Do we get positive results on Lighthouse?

  14. Do we get positive results after a PageSpeed?

Don't you forget about m... marketing!

  1. Did we setup Analytics?

  2. Did we setup GTM?

  3. Did we setup Optimizely or other tool for A/B testing?

  4. Is the project SEO ready?

  5. Is our robots.txt ready?

  6. Did we create a sitemap.xml?

  7. Did we create the RSS feeds?

  8. Did we include all META tags?

  9. Did we include all OG-value tags?

  10. Do we have all favicons that are required?

  11. Do we have the hreflangs setup?

And that's it!

If you followed these steps you probably had a smooth release of your project.

Did I forget any important step?
Let me know!

RECOMMENDED

AppstoreWonder

Designing, localising and exporting screenshots for the App Store and Google Play is one of the best and worst tasks I ever had to do. To optimize the process I came up with a nifty script that might help you too.

Copyright Ignacio Revuelta 2023