How-to-install-Flowbite-Svelte-to-Astro.md

How to install Flowbite-Svelte to Astro

1. Create astro app

$ pnpm create astro@latest
../Library/pnpm/store/v3/tmp/dlx-39674   |  +55 ++++++
Packages are hard linked from the content-addressable store to the virtual store.
  Content-addressable store is at: /Users/shinichiokada/Library/pnpm/store/v3
  Virtual store is at:             ../Library/pnpm/store/v3/tmp/dlx-39674/node_modules/.pnpm
../Library/pnpm/store/v3/tmp/dlx-39674   | Progress: resolved 55, reused 31, downloaded 24, added 55, done

Welcome to Astro! (create-astro v1.1.0)
Lets walk through setting up your new Astro project.

✔ Where would you like to create your new project? … ./astro-svelte
✔ Which template would you like to use? › Just the basics (recommended)
✔ Template copied!
✔ Would you like to install pnpm dependencies? (recommended) … yes
✔ Packages installed!
✔ Would you like to initialize a new git repository? (optional) … yes
✔ Git repository created!
✔ How would you like to setup TypeScript? › Strict (recommended)
✔ TypeScript settings applied!
✔ Setup complete.
✔ Ready for liftoff!

 Next steps

You can now cd into the astro-svelte project directory.
Run pnpm dev to start the Astro dev server. CTRL-C to close.
Add frameworks like react and tailwind to your project using astro add

Stuck? Come join us at https://astro.build/chat
Good luck out there, astronaut.

2. Install dependencies

$ cd astro-svelte
$ pnpm astro add svelte
$ pnpm astro add tailwind
$ pnpm i -D flowbite-svelte@latest flowbite typescript vite

3. Run a server

$ pnpm dev

> @example/[email protected] dev /Users/shinichiokada/Astro/astro-svelte
> astro dev

  🚀  astro  v1.5.1 started in 23ms

  ┃ Local    http://127.0.0.1:3000/
  ┃ Network  use --host to expose