Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/j-wil/pocket-nuxt
Single binary full stack Nuxt3 PocketBase application
https://github.com/j-wil/pocket-nuxt
Last synced: 3 months ago
JSON representation
Single binary full stack Nuxt3 PocketBase application
- Host: GitHub
- URL: https://github.com/j-wil/pocket-nuxt
- Owner: j-wil
- License: unlicense
- Created: 2023-01-01T21:31:44.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-12T18:47:36.000Z (over 1 year ago)
- Last Synced: 2024-05-09T13:33:43.405Z (5 months ago)
- Language: Vue
- Size: 46.8 MB
- Stars: 63
- Watchers: 3
- Forks: 14
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-pocketbase - GitHub - | (JavaScript/TypeScript / Vue)
- awesome-pocketbase - GitHub - | (JavaScript/TypeScript / Vue)
- awesome-pocketbase - PocketNuxt - A Nuxt3 PocketBase starter that builds into a single binary. (Vue)
README
## [Quick Demo](https://pocketnuxt.williamson.ninja/auth/login)
This demo allows you to login and see pocketnuxt in action. This is hosted on a small droplet in DigitalOcean using systemctl.
# Pocket Nuxt
Nuxt3 and PocketBase delivered in a simple binary that can run anywhere.
This is achieved by compiling the Nuxt app into a static hosted folder and then using Go to serve the static files and pocketbase api.
```go
//go:embed all:.output/public
var public embed.FS
```
Make it your own by extending [Pocketbase](https://pocketbase.io/docs/) and adding your app to the app folder.
## Stack
- PocketBase
- Nuxt3
- PrimeVue
- PrimeIcons
## Run Locally
This will run both a Nuxt3 dev server with hot reload and a pocketbase instance with a authentication and an api ready to go.
Clone the project
```bash
git clone https://github.com/j-wil/pocket-nuxt
```
Go to the project directory
```bash
cd pocket-nuxt
```
Install dependencies
```bash
yarn install
```
Start the server
```bash
yarn dev
```
| URL | Function |
|---------------------|--------------------------------|
| localhost:8090/_/ | pocketbase admin setup and log |
| localhost:8090/api/ | pocketbase api |
| localhost:3000/ | nuxt3 dev server |
From there build your nuxt app as normal. Follow the [pocketbase docs](https://pocketbase.io/docs/) for more info on how to use pocketbase.
## Deployment
This will create a single binary containing Nuxt and PocketBase for deployment.
```bash
yarn build:prod
```
```bash
./pocketnuxt serve --http "yourdomain.com:80" --https "yourdomain.com:443"
```
https://pocketbase.io/docs/going-to-production/ for more examples.
## Acknowledgements
- [PocketBase](https://github.com/pocketbase/pocketbase)