Free Next.js Hosting on Cloudflare Pages
May 19, 2025
This portfolio website has been through several iterations but the most recent redesign used the Next.js framework. Cloudflare currently supports hosting Next.js websites on their free pricing tier. You can read about Next.js compatibility and options in Cloudflare here:
Technologies Used
- Next.js
- React
- TypeScript
- Tailwind CSS
- Cloudflare
Project Details
Previous iterations of this website used plain HTML / CSS / JavaScript or .Net technologies. This site has always been an opportunity to try out different technologies and patterns related to the professional work I'm doing. Since I'm currently working on an ISACA project that leverages Next.js, I spent learning different patterns by redesigning this site.
I started with the Cloudflare Pages start app listed here:
However, there is a newer version that supports deploying directly to workers with better Next.js compatibility:
Once the starter site is cloned, it's easy to setup a free Github repository to start versioning your work. It's also easy to setup a pipeline to deploy your site on merge.