My Tech Stack

My current tech stack.

My Tech Stack
Samsung Z Fold-4.

Below is my current tech stack:

JavaScript Frameworks

I am a Jamstack fan. Hence, I currently develop with the following JS frameworks:

  • Astro - I am using Astro more for my projects, especially the static sites that just need SSG. I have a couple headless WordPress sites running with Astro via SSR.
  • SvelteKit - The majority of my sites are run on SvelteKit, my favorite JS framework.
  • Next.js - Several of my sites run Next.js.

Headless CMS

Sometimes clients need an easier way to add content without touching the HTML.

  • WordPress - I fell in love with WordPress again after learning how to fetch data via Rest API or GraphQL. I self-host all my headless WordPress sites with Coolify on my server. I still have one WordPress site not used headless. That will change in the future.
  • Hygraph - Hygraph (Formerly GraphCMS) helped me understand the concept of headless content management systems.
  • Ghost - I have two sites running Ghost with another using Ghost headless.
  • Directus - A new self-hosted headless CMS. I use this with Coolify.

CSS Framework

There are many, I just use the Tailwind CSS framework.

  • Tailwind CSS - This is the only CSS framework I used now.
  • TailwindUI - I own a license. Most of my sites use TailwindUI components.
  • DaisyUI - Free Tailwind CSS component library. Always up to date.
  • Flowbite - Premium Tailwind CSS component library with free components you can use. I can use these components with both SvelteKit and Astro.
  • Flowbite-Svelte - Ported to Svelte.

eCommerce

  • Snipcart - Great headless ecommerce solution.
  • Shopify - Shopify can be used headless as well. They purchase Remix, a popular JS framework. The are also working on Hydrogen, their Shopify headless stack.
  • WooCommerce - I used it. Will look at it as a headless solution in the near future.

Databases

  • MySQL - Truly tested database.
  • Pocketbase - Starting to learn this database which can be self-hosted.
  • Supabase - Firebase alternative and open source which also can be self-hosted.

Hosting

  • Vercel - Where I host most of my Jamstack projects.
  • Linode - I host my headless WordPress sites here plus other software. I use Coolify to manage all my services now.
  • Cloudflare Pages - I have one static site hosted there. You cannot beat the price, free.
  • Namecheap - I host my only WordPress site there. This is where I keep some of my emails as well.
  • Github - My source code is there. You can also host static sites at Github.

Mail Services and Communication

  • Gmail - No surprise here. For WordPress, I will use Gmail mail server for some of my contact forms.
  • Namecheap - Still the most affordable way to host large amounts of email. I will eventually forgo this feature and just use the email routing built into Cloudflare.
  • Cloudflare - Cloudflare now has a free email routing. No need for many emails. Just setup one catchall email and forward it to your main email.
  • Fastmail - One of my long term favorites. If I ever ditch Gmail, I will use Fastmail more.
  • Mailfence - Another favorite. Premium version allows you to set up other domains. Privacy focused.
  • Mailgun - My main mail relay for most projects.
  • Formspree - My main contact form service.
  • Slack - My updates are with Slack but I will start to move everything over to Mattermost and Telegram for privacy reasons.

CDN and DNS

  • Cloudflare - I do not even use the DNS provided by Namecheap, Linode, or Vercel.
  • Vercel - Vercel is a CDN as well, I have to remember to disable the CDN option in Cloudflare.

Cloud Platform as a Service

  • Coolify - By far the best PaaS that is open source. Currently I use Coolify to manage my headless WordPress instances, Ghost, Directus, n8n, Plausible, and Uptime Kuma. I will eventually install Mattermost and Mastodon with Coolify.

Subscribe to Kevin Matsunaga

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
[email protected]
Subscribe