pr.ryoppippi.com

Built with

• Svelte 5
• SvelteKit
• GitHub API
• Uno CSS
• unplugin-icons

🚀 Setup

# install dependencies
pnpm install

Then edit info in vite.config.ts.

const config = {
    // ...
    LINKS: {
        domain: `https://pr.ryoppippi.com`, // The hostname of your site
        repo: 'https://github.com/ryoppippi/pr.ryoppippi.com', // GitHub repository name ( will be the link of octocat icon 🐱 )
        username: 'ryoppippi', // GitHub username
        includeYourOwnPRs: 'true', // Include your own PRs 'true' or 'false'
    },
    // ...
};
export default config;

🔧 Development

pnpm dev

(Optional): To prevent rate limiting, you can pass your GitHub token as an environment variable:

GITHUB_TOKEN=(gh auth token) pnpm dev

📦 Build

# build for production
pnpm build

✨ Preview

pnpm preview

💻 Deploy

This repository supports two deployment destinations: Cloudflare Pages and GitHub Pages.

Cloudflare Pages

Run the following command:

pnpm run deploy

When deploying to Cloudflare Pages from GitHub Actions, follow the steps below:

1. set the following secrets to your repository:

   • CLOUDFLARE_ACCOUNT_ID: Cloudflare account ID
   • CLOUDFLARE_API_TOKEN: Cloudflare API token

2. edit info in vite.config.ts:

   • LINKS.domain should be your Cloudflare Pages domain ( ex. https://pr.ryoppippi.com )
   • LINKS.repo should be your forked repository ( ex. https://github.com/ryoppippi/pr.ryoppippi.com )
   • LINKS.username should be your GitHub username ( ex. ryoppippi )

3. set CF to env.UPLOAD_TO in workflows/deploy.yaml.

4. run the workflow manually or push to the repository.

5. enjoy!

GitHub Pages

You can upload the build to GitHub Pages via GitHub Actions.

1. set GH to env.UPLOAD_TO in workflows/deploy.yaml.

2. edit info in vite.config.ts:

   • LINKS.domain should be https://<username>.github.io/<repository>
   • LINKS.repo should be your forked repository ( ex. https://github.com/ryoppippi/pr.ryoppippi.com )
   • LINKS.username should be your GitHub username ( ex. ryoppippi )

3. run the workflow manually or push to the repository.

4. enjoy!

Inspired by

• Anthony Fu's releases.antfu.me
• leonf-fong's pr.leofong.me
• atinux's my-pull-requests

License

MIT License