A checklist for all projects that are going live

This checklist is used whenever a project is going live at https://spatie.be

1. Browserstack tests

• Desktop: test on latest versions of Chrome, IE/Edge, Firefox, Safari
• Mobile: test on latest versions of Mobile Safari, Android

2. Front end checklist

Assets

• Search sources for http://. Replace by //
• Lint (s)css sources
• Webfonts: is the live domain configured in services like Typekit, Fonts.com etc.?
• Is the browserlist properly configured for autoprefixer and babel-preset-env?
• When using PurgeCSS: check if layout is preserved.

Scripts

• Is yarn.lock present?
• Check JS lint errors. Remove all console.log lines in scripts
• Check for console errors

Page weight

• Evaluate at least the homepage, drink and product landing pages, and specific drink and product pages in lighthouse
• Open Inspector network/timeline tab to identify heavy assets
• Check if heavy assets are cached and delivered through a CDN

Audits

• Use the Chrome DevTools (in incognito mode) and perform a mobile audit (with throttling) to fix common problems.
• Repeat with a desktop audit.

3. Check content (with an open console)

• Are all strings / images present (and translated)?
• Does menu/submenu have a correct active state on every page?
• Are 404, 500 and 503 pages provided? Do they provide useful content like 'back to home', search or a navigation tree?
• Check all pages for n+1 problems

Meta

• Check page titles / descriptions
• Test Facebook sharing. Provide og-tags if needed
• Does Favicon load? Pin the tab in Safari to check pinned icon

Repeat this section for all languages

Components

• Google Maps
  • API key needed/configured?
  • Check info windows
  • Prevent zoom out beyond 1x world
  • Try clicking on markers
• Forms: fill out with wrong/right values
• Video: check with sound on
• Try subscribing to a newsletter with incorrect & correct email (use correct mail twice to get 'already subscribed' message)
• Check layout of emails
• Check structured data for news, events, products,... https://search.google.com/structured-data/testing-tool/

4. Back end checklist

5. Server, DNS & Services

• Add redirects from old to new pages if necessary.
• Try visiting www domain, should redirect to non-www
• Try out visiting http, should redirect to https
• Verify that all http status codes are ok with https://github.com/spatie/http-status-check
• Scan for mixed content with https://github.com/spatie/mixed-content-scanner-cli
• Verify that the content of robots header is current with curl-I https://url on x-robots-tag

Google

Tag manager

• Make sure the AVP events are loaded into the tag manager

Search Console

• Submit all www/non-www http/https variations and market variations
• Set up non-www https as the preferred domain
• Crawl > Fetch as Google > Submit to index to kickstart index

Github

• Remove develop branch or other stale branches