Get started quickly developing with SolidJS, TailwindCSS and Typescript using this slightly more opinionated version of the standard ts-tailwind template. It adds...
pnpm
out of the box.- Vitest for testing
- Prettier for code formatting
- ESLint for linting
- a
public
folder with blank favicon
# Typescript + tailwindcss template
$ pnpx degit phillipbaird/template-solid-tailwindcss my-solid-project
$ cd my-solid-project
$ pnpm install # or pnpm install or yarn install
This templates dependencies are maintained via pnpm via pnpm up -Lri
. This is the reason you see a pnpm-lock.yaml
. That being said, any package manager will work. This file can be safely be removed once you clone a template.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:5172 to view it in the browser.
The page will reload if you make edits.
Builds the app for production to the dist
folder.
It correctly bundles Solid in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
Serves the app built by pnpm build
for local testing of production build.
Run tests using Vitest.
Check test coverage. (Note: Dependencies are not installed. Run the command to learn more.)
Run Prettier across source code.
Run ESLint for Typescript across the source code.
You can deploy the dist
folder to any static host provider (netlify, etc. etc.)
This is a template repository. The UNLICENSE file is there to clarify that you are free to do whatever you want with its contents.