Genshin Build Planner
A web application for planning and managing Genshin Impact character builds, weapon builds, artifact sets, and team compositions. The application features a Go backend powered by PocketBase and a modern React/TypeScript frontend.
| Light Mode |
Dark Mode |
 |
 |
Self-Hosting / Deployment
Follow these steps to deploy your own instance of Genshin Build Planner. For development instructions, see the "Development Setup" section below.
Step 1: Get the Application
You have two options: use the pre-built Docker image (easiest) or build from source.
Option A: Using Docker (Recommended)
This is the simplest way to get started. All you need is Docker installed.
docker pull qxuken/gbp:latest
Option B: Building from Source
If you prefer not to use Docker, you can build the application manually.
- Ensure you have Go and Node.js/npm installed.
- Run the build command from the root of the project directory:
cd ./ui && npm run build && cd .. && go build .
Step 2: Run the Application & Create Admin Account
Run the application. If using Docker, it is highly recommended to use a volume to persist your data.
# Example Docker command
docker run --name gbp -p 8080:8080 -v gbp_data:/pb_data qxuken/gbp:latest
-p 8080:8080 maps the container's port 8080 to your host's port 8080.
-v gbp_data:/pb_data creates a persistent volume named gbp_data to store your database. This ensures your data is safe even if you remove the container.
On the first launch, the application will print a URL in the console logs. Visit this URL in your browser to create your first admin account. This link is only valid for a short time.
Step 3: Configuration
Navigate to the "Settings" panel in the application to configure additional options, such as setting up an SMTP server for email features (like password resets).
If you don't want to configure SMTP, you will need to disable the authentication rule. First, go to Settings > Application, uncheck "Hide collection create and edit controls," and click Save. Then, go to Collections > Users > Edit collection > API Rules, clear the "Authentication rule," and click Save. You will then be able to log in without verification.
Step 4: (Optional) Upload Seed Data
The docker images already seeded with game data (characters, weapons, etc.).
- Get the
dump.db file. (See the "Seed Data" section below for download links).
- Log in to your new instance with the admin account you just created.
- Navigate to the
/admin/dump endpoint in your browser (e.g., http://localhost:8080/admin/dump).
- Upload the
dump.db file.
Step 5: Done!
Your personal instance of Genshin Build Planner is now ready to use.
Seed Data
The dump.db file contains all the necessary game data (characters, artifacts, weapons) required for the application to work. You only need to upload this once during the initial setup.
You can download the latest version from one of two places:
Tech Stack
- Backend: Go with PocketBase framework
- Frontend: TypeScript, React, Vite
- Database: SQLite (via PocketBase)
- Containerization: Docker
- Scripting: Nushell
Development Setup
This section is for developers who want to contribute to the project or modify the source code.
Prerequisites
Running in Development Mode
-
Backend
First, ensure the frontend has been built at least once. Then, start the live-reload server.
nu build.nu ui # Run this the first time
air
-
Frontend
Navigate to the UI directory, install dependencies, and start the Vite dev server.
cd ui
npm install
npm run dev
Building & Publishing
The project includes Nushell scripts for building and publishing.
build.nu: Builds the application.
publish.nu: Builds and publishes multi-arch Docker images (arm64 & amd64). This is primarily for project maintainers.
Important: there should be latest seed.db and seed.note for the images
# Example: Build and publish a new version
nu publish.nu
TODO
Refer to TODO.md for a list of pending tasks and future improvements.
License
This project is licensed under the MIT License - see the LICENSE.md file for details.