playground
Playground for testing extensions and web customization.
Example pages available:
- /bootstrap-5: Bootstrap 5 swatch
- /create-react-app: React 16.12.0, React Bootstrap 1.6.0
Contribute
Each folder is its own standalone project so we never have dependency conflicts.
Some projects might be used for testing, it's often better to create a new project.
Adding a static project
- Create a folder in
static/
- Add at least an
index.html
file (likestatic/my-demo/index.html
) - Access it at
https://pbx.vercel.app/my-demo/
Adding a project with a build
-
Create a folder in
source/
with the source files, likesource/my-demo/
- Treat this folder as a self-contained project with its own
package.json
file
- Treat this folder as a self-contained project with its own
-
Add the install and build steps in its own
build.sh
file (likesource/my-demo/build.sh
)- it should include the exact header as other build.sh scripts
- it should output files in
public/
-
Run build.sh on your computer, like
bash source/my-demo/build.sh
-
Commit both
source
andpublic
folders -
If your project is a single-page APP (i.e. all paths point to index.html), you'll have to edit
vercel.json
too -
Access it at
https://pbx.vercel.app/my-demo/
- If you send a PR, you can access a temporary deployment at a custom URL like
pbx-temp-pr.vercel.app/my-demo/
- If you send a PR, you can access a temporary deployment at a custom URL like