Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/roblesdotdev/remix-cloudflare-demo
Remix on cloudflare
https://github.com/roblesdotdev/remix-cloudflare-demo
Last synced: 2 days ago
JSON representation
Remix on cloudflare
- Host: GitHub
- URL: https://github.com/roblesdotdev/remix-cloudflare-demo
- Owner: roblesdotdev
- Created: 2024-06-12T22:03:20.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-12T22:24:06.000Z (7 months ago)
- Last Synced: 2024-11-14T04:36:28.572Z (2 months ago)
- Language: TypeScript
- Size: 117 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Welcome to Remix + Cloudflare!
- 📖 [Remix docs](https://remix.run/docs)
- 📖 [Remix Cloudflare docs](https://remix.run/guides/vite#cloudflare)
## Development
Run the dev server:
```sh
npm run dev
```
To run Wrangler:
```sh
npm run build
npm run start
```
## Typegen
Generate types for your Cloudflare bindings in `wrangler.toml`:
```sh
npm run typegen
```
You will need to rerun typegen whenever you make changes to `wrangler.toml`.
## Deployment
> [!WARNING]
> Cloudflare does _not_ use `wrangler.toml` to configure deployment bindings.
> You **MUST** [configure deployment bindings manually in the Cloudflare dashboard][bindings].
First, build your app for production:
```sh
npm run build
```
Then, deploy your app to Cloudflare Pages:
```sh
npm run deploy
```
[bindings]: https://developers.cloudflare.com/pages/functions/bindings/
## Styling
This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever css framework you prefer. See the [Vite docs on css](https://vitejs.dev/guide/features.html#css) for more information.