Architecture

• CSS: Tailwind CSS
• Language: TypeScript
• Library: React.js
• Framework: Next.js
• Headless CMS: Sanity.io
• Deployment: Vercel
• Analytics: Plausible Analytics - self-hosted

Website hosting

This website is using Next.js SSG (static site generation) deployed to Vercel.
When content changes, Sanity.io triggers page rebuild (Incremental Static Regeneration) via webhook.

DNS - Cloudflare

DNS records are managed with Cloudflare.
It provides DDoS protection, CDN, caching, proxing with load balancing and much more...

Analytics - self-hosting

Plausible Analytics is self-hosted on Google Cloud Provider - Compute Engine e2-micro instance.

It has assigned subdomain - insights.k1ng.dev.
Cerbot is used for SSL certificate management.

Development

Project files are located in src directory:

cd src

Running locally

First, install dependencies:

pnpm install

Then run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

Run production locally

Start production build and generate sitemap:

pnpm build && pnpm postbuild

Serve page:

pnpm start

Open http://localhost:3000 with your browser to see the result.

Prettier

Run Prettier - code formatter:

pnpm prettier