Svelte Starter

:icecream: A boilerplate for Svelte, Tailwind, Iconify, Babel, and PostCSS.

Table of Contents

• Project Setup
• Key Features
• Dockerization
• Configuration
• Directory Structure
• Microservices

Project Setup

Follow steps to execute this boilerplate.

Install dependencies

$ pnpm install

Compiles and hot-reloads for development

$ pnpm serve

Compiles and minifies for production

$ pnpm build

Lints and fixes files

Files: src/**/*.{js,css,svelte}

$ pnpm lint

Runs unit tests

Files: src/**/*.spec.js

$ pnpm unit

Runs end-to-end tests

Files: e2e/**/*.spec.js

# Before running the `e2e` command, make sure to run the following commands.
$ pnpm build
$ pnpm preview

# If it's not setup, run it.
$ pnpm setup

$ pnpm e2e

Measures site's URLs

Files: e2e/**/*.meas.js

# Before running the `meas` command, make sure to run the following commands.
$ pnpm build
$ pnpm preview

# If it's not setup, run it.
$ pnpm setup

$ pnpm meas

Mock requests

mock/requests is a fork of Koa-Starter that was made easy and quick way to run mock APIs locally.

# If it's not active, run it.
$ pnpm active

$ pnpm mock

Key Features

This seed repository provides the following features:

• ---------- Essentials ----------
• [x] Svelte
• [x] Svelte Navigator
• ---------- Tools ----------
• [ ] Vite
• [ ] Windi CSS
• [ ] Iconify
• [ ] Workbox
• [ ] ESLint
• [ ] Prettier
• [ ] Jest
• [ ] Playwright
• [ ] Lighthouse
• ---------- Environments ----------
• [x] Node.js
• [x] Pnpm
• [ ] Caddy
• [ ] Netlify

Microservices

Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently.

See Micro-Fullstack's Micro Frontends for instructions on how to create microservices from source code.