stjohn3d.github.io

Personal site for blogging, experiments, etc..

Right now this site is an experiment in building a PWA Github Page with Preact, TypeScript, and Tailwind. Automated tests written using preact-testing-library.

Quick Links and documentation for myself and anyone interested in this project's setup.

CLI Commands

• npm install: Installs dependencies

• npm run dev: Run a development, HMR server

• npm run serve: Run a production-like server

• npm run build: Production-ready build

• npm run lint: Pass TypeScript files using ESLint

• npm run test: Run Jest and Enzyme with enzyme-adapter-preact-pure for your tests

For detailed explanation on how things work, checkout these resources:

• CLI Readme.
• Config Recipes

PWA resources

• Add a web app manifest
• Making a Progressive Web App

Github Actions

This site has automated tests and deployments via Github Actions Resources for getting started with Github Actions

• Github Actions deploy Preactjs project to Github Pages
• Deploying a React App Using GitHub Pages and GitHub Actions
• Fundamentals of GitHub Actions

Github Page Routing for SPA

Helpful resources for getting a SPA with routing to work with Github Pages.

• Single Page Apps for GitHub Pages.

---

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License