Introduction
A demo Trello clone fullstack application built with SvelteKit. UI and domain modeling are inspired by the Remix-run repository https://github.com/remix-run/example-trellix.
Tech Stack
- UI: SvelteKit, TailwindCSS
- Auth: Lucia
- Database: SQLite (Turso)
- ORM: Drizzle
- Build: Vite
- Language: TypeScript
Developing
Once you've created a project and installed dependencies with npm install (or pnpm install or yarn):
- Create .env file:
DATABASE_URL=[path to your local sqlite database file or turso database url]
TURSO_AUTH_TOKEN=[your turso auth token]
UNSPLASH_ACCESS_KEY=[your unsplash access key]
R2_ACCOUNT_ID=[your R2 account id]
R2_ACCESS_KEY=[your R2 access key]
R2_SECRET_KEY=[your R2 secret key]
R2_BUCKET_NAME=[your R2 bucket name]
R2_PUBLIC_BUCKET_URL=[your R2 public bucket url]
- Migrate database
npm run db:migrate
- Start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
Building
To create a production version of your app:
npm run build
You can preview the production build with npm run preview.
To deploy your app, you may need to install an adapter for your target environment.
