How we built hideoutlab.dev
The stack behind this site: a static Next.js build in two languages, served by a Cloudflare Worker, with a contact form that lands in our Discord.
This website is where we show our work, so we wanted it to be fast, simple to run and easy for the four of us to update. Here's what's behind it.
The pages
- Built with Next.js and exported as plain static files, so there's no server to look after
- Thai at the root of the site and English under /en, with a switch on every page
- Every project and every team member is written once in the code, and the pages are built from it
Hosting
- A Cloudflare Worker serves the files on hideoutlab.dev
- Every pull request gets its own preview link, and merging to main puts it live
The contact form
- The "Send a message" form posts to the same Worker
- The Worker passes it to nemu, our own Discord bot, which posts it as a lead in our team channel with a thread to reply in
- If nemu can't take it, the message still reaches Discord through a plain webhook
We'll write more here about the projects we build and what we learn along the way.
