https://github.com/shinokada/svelte-starter

This Svelte starter template includes support for TailwindCSS, Flowbite-Svelte, Svelte-Spa-Router and also includes a sample of fetching data from a backend API.
https://github.com/shinokada/svelte-starter

flowbite svelte svelte-spa-router tailwindcss

Last synced: about 2 months ago
JSON representation

This Svelte starter template includes support for TailwindCSS, Flowbite-Svelte, Svelte-Spa-Router and also includes a sample of fetching data from a backend API.

• Host: GitHub
• URL: https://github.com/shinokada/svelte-starter
• Owner: shinokada
• Created: 2023-01-26T02:03:44.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-06-11T01:17:43.000Z (over 1 year ago)
• Last Synced: 2024-05-01T19:50:06.995Z (8 months ago)
• Topics: flowbite, svelte, svelte-spa-router, tailwindcss
• Language: Svelte
• Homepage: https://shinokada.github.io/svelte-starter/
• Size: 211 KB
• Stars: 7
• Watchers: 3
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# Svelte Starter

[![](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/shinokada)

This Svelte starter template provides a comprehensive foundation for developing with Svelte and Vite, including preconfigured support for TailwindCSS, Flowbite-Svelte, and Svelte-Spa-Router. Additionally, it includes a sample implementation of fetching data from a backend API, making it easy to integrate with your own server-side infrastructure.

## Installation

```bash

git clone [email protected]:shinokada/svelte-starter.git my-app

cd my-app

pnpm i

```

Update dependencites:

```sh

pnpm update

pnpm i flowbite-svelte@latest flowbite@latest

```

## Backend API env value

Update your backend API value in `.env`:

```text

API_ENDPOINT=http://localhost:3000/api

API_SECRET=1234

```

## Start a local server

```bash

npm run dev

```

## How to use this for GitHub page

```

npm run build

npm run deploy

```

This will deploy your GitHub page to `https://.github.io/` URL. Don’t forget to change the username and repository name to your personal Github username and repository.

It may take a couple of minutes. You can check the progress in GitHub Actions tab.