Tailwind Resources Logo Tailwind Resources
Swyxdotio screenshot

Swyxdotio

Author Avatar Theme by Swyxio
Updated: 25 Apr 2025
374 Stars

This is the repo for swyx's blog - Blog content is created in github issues, then posted on swyx.io as blog pages! Comment/watch to follow along my blog within GitHub

Github Live Preview

Categories

Svelte Vite

Overview

swyx’s personal site is built using SvelteKit, Tailwind 3, Tailwind Typography, Netlify, and GitHub Issues as the CMS. The site has undergone several iterations, with the current version available at https://swyx.io. Previous versions of the site from 2017 can be viewed at https://www.swyx.io/rewrite-2022, and the last version of the 2022 site has been preserved at https://github.com/swyxio/swyxdotio2022. The upcoming 2023 site is documented at https://www.swyx.io/rewrite-2023.

Features

  • SvelteKit: The site is built using SvelteKit, a framework for building web applications with Svelte.
  • Tailwind 3: The site utilizes Tailwind 3, a utility-first CSS framework, for its styling and layout.
  • Tailwind Typography: Tailwind Typography is used to enhance the typographic design of the site, providing a beautiful and consistent typography.
  • Netlify: The site is hosted on Netlify, a cloud-based hosting platform that simplifies the deployment process.
  • GitHub Issues as CMS: GitHub Issues are used as the content management system for the site, allowing for easy management and editing of the site’s content.

Installation

To install and set up a site based on swyx’s personal site, you can refer to the following steps:

  1. Clone the cleaner starter template from the GitHub repository:
git clone https://github.com/swyxio/swyxkit.git
  1. Install the necessary dependencies using npm:
cd swyxkit
npm install

  1. Customize the site according to your needs, edit the content, and add your own components.

  2. Deploy the site using Netlify or any other hosting platform of your choice.

  3. Enjoy your new site based on swyx’s personal site!

Summary

swyx’s personal site is an impressive example of how SvelteKit, Tailwind 3, Netlify, and GitHub Issues can be combined to create a beautiful and functional website. With its clean design, advanced typography, and easy-to-use CMS, this site serves as an excellent source of inspiration for others looking to build their own personal sites. The provided cleaner starter template makes it easy to get started and customize the site to suit individual needs.