Make a secure webapp with React and Tailwind

• Built on web standards and fundamentals
• Works with any client-side and/or static-side library (e.g. React, jQuery)
• Focused on security and simplicity without degrading performances
• Supply-chain hardened with the bare minimum dependencies
• Built for Deno but backward compatible with Node/Bun
• Deploy it anywhere HTML/CSS/JS files can be stored
• Builds are cross-platform cross-runtime reproducible
• Immutably cached with a 1-year cached service worker

• deno for the runtime
• react and react-dom for rendering
• tailwindcss via @hazae41/rewind and @hazae41/labase for the styles
• esbuild via @hazae41/glace for bundling
• @hazae41/immutable for immutable caching

Clone this repository

git clone https://github.com/hazae41/create-secure-webapp.git starter && cd ./starter

Reset the Git history

rm -rf ./.git && git init

Install dependencies

npm install

Start developing

npm run develop

Just setup the build command

npm run examine && npm run prepack

The output directory

./out

The install command

npm install

Vercel may add, modify, or remove some parts of your website with some feature slop

This can make your website less secure or brick its integrity mechanisms, making your users see weird errors or unable to use your website at all

So you have to disable the following options and any option you can suspect of modifying your website

Both in your Vercel project (https://vercel.com/<team>/<project>/settings/general) and in your Vercel team (https://vercel.com/<team>/~/settings/general) if wanted

• General > Vercel Toolbar: disable everything

• Develop

npm run develop

• Test

npm run examine

• Build

npm run prepack

• Serve

npm run produce