WebApp Template (mockup)

A starting point for building a static site.

What's inside?

Uses

Turborepo x pnpm
Prettier (w/
- prettier-plugin-svelte
- prettier-plugin-tailwindcss
)
ESLint (w/
- eslint-plugin-import
) / CSpell
lint-staged / husky
GitHub Actions (
- Linting
- Testing (Validate `href` and `src` paths)
)
Execute `eslint --fix` and `prettier` when saving with VS Code

Apps and Packages

apps/

nhost
Local environment test server and production Nhost migration.
mockup
A starting point for building a static site.
- Tailwind CSS
- Vanilla JS
- Vitest (
  - Check links
  - file names
  )
story
Stories for the Svelte Components.
Storybook (w/
- Svelte
- Tailwind CSS
)
web
A starting point for building Svelte application.
SvelteKit (w/
- Tailwind CSS
)
Nhost (w/
- Houdini
) / Vitest

packages/

ui
A stub Svelte component library.
tailwind-preset-base
A preset for use with `tailwind.config.js` and `global.css`.
eslint-config-custom
`eslint` configurations.
(w/
- prettier-plugin-svelte
- eslint-config-[prettier|turbo]
)

Commands

pnpm i  # Resolve dependency packages and prepare .env files
# Then set up /.env

pnpm build   # Build all apps and packages
pnpm dev     # Set up file monitoring builds and local servers for development
pnpm lint    # eslint + markuplint | prettier --check
pnpm test    # Testing
pnpm format  # eslint --fix + prettier --write + format project-words.txt