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:
- There are
apps
andpackages
. Next.jsapps
listtranspilePackages
as part ofnext.config.mjs
config — these dependancies automatically bundled along. - There are two GitHub Action workflows: one for deploying
preview
environment and one forproduction
. Workflow jobs are separated per project. Each job pulls theconfig
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.