Skip to content

Latest commit

 

History

History
64 lines (42 loc) · 2.57 KB

readme.md

File metadata and controls

64 lines (42 loc) · 2.57 KB

Jish.Dev

A typescript monorepo that houses the following packages:

  • @jish/img - A modified version of remix-image that supports Cloudflare Workers 'Module' Syntax (wip)
  • @jish/remix - Primary used as an about-me/resume site.. Check out Jish.Dev to see the currently released version!
  • @jish/worker - The entry point for the Cloudflare Workers deployment. Deploys the @jish/remix site using a custom remix server adapter made for Cloudflare Workers 'Module' Syntax.
  • @jish/cloudflare-env - A typescript definition that defines types specific to my Cloudflare Workers deployment config.
  • @jish/tsconfig - A base tsconfig using the strictest typescript compiler options.
  • @jish/eslint-config - A base eslint config that is extended on a per package basis.

The purpose of this repo is to:

  • Experiment with the latest offers available in the Javascript/Typescript Ecosystem.
  • Showcase my coding style for those interested.
  • Test possible solutions to common pain-points unique to my team.

Notable Packages

@jish/remix + @jish/worker

This is my about-me/resume site updated for 2023. Its an evolution from the previous version that was a Single Page React App built in 2021.

Tech Stack

  • Remix - A full stack web Framework
    • React - The component framework used by Remix. The entire site is built using only Functional Components and Hooks.
    • react-spring - Used for all the animated you see on the site. Spring-based animations are definitely a cut-above time-based ones.
  • Tailwind - An awesome CSS Framework. Previously used the CSS-in-JS library Emotion.
  • Github Actions - Used for Continuous Deployment to Cloudflare. Previously used Actions to Deploy to Firebase Hosting.
  • Turborepo - Used to manage the monorepo.
  • Cloudflare Workers - Used to globally deploy the site. Previously deployed on Firebase Hosting as an SPA.
  • Typescript - 100% fully typed without an 'any' in sight.

Performance and Fluidity

Getting Starting

Before going further ensure you have the following installed on your system:

  • node
  • pnpm
  • wrangler2

Local

git clone ...
pnpm install
pnpm dev

Build

pnpm build

Deploy

The deployment is handled by Github Workflows. Commits to the main branch will trigger a new deployment.