Cloudflare, SvelteKit and TailwindCSS Project Template and Starter Kit

The project is documented on the Curious Data Explorer blog.

Setup

There are two approaches to creating a Cloudflare project that is configured for both SvelteKit and TailwindCSS.

Option 1: Clone this repository and install the dependencies using the bun runtime toolkit.

Option 2: Use your own preferred Node package manager and follow these instructions:

# Create cloudflare project
npm create cloudflare@latest dummy -- --framework=svelte

# Add TailwindCSS via svelte-add
npx @svelte-add/tailwindcss@latest --typography true

Clone Repository Method

Dependencies

This repository uses the bun runtime toolkit.

Setup

Clone the repository:

# Clone repository
git clone https://github.com/miah0x41/c3-svelte-tailwind-template.git

# Install dependencies
bun install

bun install v1.1.2 (c8d072c2)

 + @sveltejs/[email protected]
 + @sveltejs/[email protected]
 + @sveltejs/[email protected]
 + @sveltejs/[email protected]
 + @tailwindcss/[email protected]
 + [email protected]
 + [email protected]
 + [email protected]
 + [email protected]
 + [email protected]
 + [email protected]
 + [email protected]
 + [email protected]
 + [email protected]

 227 packages installed [4.51s]

License

The project is licensed under the Apache 2.0; please note as per the license terms, the project includes a NOTICE.