December 26th 2023

etokos.com

This website uses Next.js framework.

Hosted with Vercel and supported with Vercel KV Redis database.

Assets placed in Google Cloud Storage.

Contentful used for serving data in MDX format. Once requested, it is fetched, compiled, rendered on the server and brought back to the client.

GitHub Actions stand for creating automatic builds and deployments.

etokos.com is a part of a monorepo:

  1. There are apps and packages. Next.js apps list transpilePackages as part of next.config.mjs config — these dependancies automatically bundled along.
  2. There are two GitHub Action workflows: one for deploying preview environment and one for production. Workflow jobs are separated per project. Each job pulls the config from Vercel, builds the website and deploys it. In the settings of each app, there is a corresponding "rootDirectory": "apps/{app_name}" path specified.

Tutorial on how to use GitHub actions to build Next.js projects and deploy to Vercel.