NextJS to Cloudflare Blog Tutorial - Introduction
This is a simple tutorial covering NextJS project to Gitea actions to Cloudflare repo. This tutorial is broken down into 2 steps.
- Setting up the CI/CD pipeline from gitea to Cloudflare
- Writing a NextJS blog with static site generation (SSG)
The first step covers setting up the NextJS project to deploy to Cloudflare. Github actions is used for setting up the CI/CD, so Github could be substituted in this step. You could also opt for Cloudflare's NextJS project setup for Github, which would be simpler and more optimal if you use GitHub.
The second step covers writing NextJS code for generating the static site. I cover the basic to writing NextJS code using the App router.
This tutorial does NOT cover setting up Gitea or the Gitea actions docker, since I didn't really record how I did such a thing. My bad. Luckily, that makes this easily transposable to GitHub.
References
These are important resources I used when learning NextJS and setting up this site.
- NextJS GitHub Actions Deploy - This site is a good reference for setting up github actions to deploy to Cloudflare.
- NextJS Blog Tutorial - This site is an old tutorial for setting up static site generation in NextJS. It still works, but maybe a little old.