Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/petercollingridge/remix-puzzle
Maths puzzles with no words or symbols, written in remix
https://github.com/petercollingridge/remix-puzzle
Last synced: 5 days ago
JSON representation
Maths puzzles with no words or symbols, written in remix
- Host: GitHub
- URL: https://github.com/petercollingridge/remix-puzzle
- Owner: petercollingridge
- Created: 2024-04-27T15:46:00.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-07-01T21:22:49.000Z (7 months ago)
- Last Synced: 2024-12-30T17:45:38.659Z (25 days ago)
- Language: JavaScript
- Size: 115 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Introduction
[View puzzles](https://petercollingridge.github.io/remix-puzzle/)
# templates/spa
This template leverages [Remix SPA Mode](https://remix.run/docs/en/main/guides/spa-mode) and the [Remix Vite Plugin](https://remix.run/docs/en/main/guides/vite) to build your app as a Single-Page Application using [Client Data](https://remix.run/docs/en/main/guides/client-data) for all of your data loads and mutations.
## Setup
```shellscript
npx create-remix@latest --template remix-run/remix/templates/spa
```
## Development
You can develop your SPA app just like you would a normal Remix app, via:
```shellscript
npm run dev
```
## Production
When you are ready to build a production version of your app, `npm run build` will generate your assets and an `index.html` for the SPA.
```shellscript
npm run build
```
### Preview
You can preview the build locally with [vite preview](https://vitejs.dev/guide/cli#vite-preview) to serve all routes via the single `index.html` file:
```shellscript
npm run preview
```
> [!IMPORTANT]
>
> `vite preview` is not designed for use as a production server
### Deployment
You can then serve your app from any HTTP server of your choosing. The server should be configured to serve multiple paths from a single root `/index.html` file (commonly called "SPA fallback"). Other steps may be required if the server doesn't directly support this functionality.
For a simple example, you could use [sirv-cli](https://www.npmjs.com/package/sirv-cli):
```shellscript
npx sirv-cli build/client/ --single
```
Deploying on Github pages by following [this YouTube video](https://www.youtube.com/watch?v=EO_-KwSslWQ).