mirror of
https://github.com/System-End/My-website.git
synced 2026-04-19 10:10:31 +00:00
My website
Bumps the cloudflare group with 2 updates: [@cloudflare/workers-types](https://github.com/cloudflare/workerd) and [wrangler](https://github.com/cloudflare/workers-sdk/tree/HEAD/packages/wrangler). Updates `@cloudflare/workers-types` from 4.20260405.1 to 4.20260413.1 - [Release notes](https://github.com/cloudflare/workerd/releases) - [Changelog](https://github.com/cloudflare/workerd/blob/main/RELEASE.md) - [Commits](https://github.com/cloudflare/workerd/commits) Updates `wrangler` from 4.80.0 to 4.81.1 - [Release notes](https://github.com/cloudflare/workers-sdk/releases) - [Commits](https://github.com/cloudflare/workers-sdk/commits/wrangler@4.81.1/packages/wrangler) --- updated-dependencies: - dependency-name: "@cloudflare/workers-types" dependency-version: 4.20260413.1 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: cloudflare - dependency-name: wrangler dependency-version: 4.81.1 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: cloudflare ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> |
||
|---|---|---|
| .github | ||
| .unused | ||
| .vscode | ||
| public | ||
| src | ||
| .cfignore | ||
| .editorconfig | ||
| .env.example | ||
| .gitattributes | ||
| .gitignore | ||
| .npmrc | ||
| dev.ps1 | ||
| eslint.config.js | ||
| index.html | ||
| package.json | ||
| pnpm-lock.yaml | ||
| postcss.config.js | ||
| README.md | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| tsconfig.worker.json | ||
| vite.config.ts | ||
| wrangler.toml | ||
Personal Website
For deployments/checks before resigning: see archive/unsigned-history branch
Architecture Overview
This project implements a modern web application architecture leveraging Cloudflare's edge computing capabilities. The architecture consists of two primary components:
- React Frontend: A Single Page Application (SPA) built with React and TypeScript
- Cloudflare Pages: Static site hosting with global CDN distribution
Getting Started
Prerequisites
- Node.js (v16.0.0 or higher)
- npm (v7.0.0 or higher)
- Cloudflare account
- Last.fm account and API key
- Git
API Keys Setup
-
Last.fm API Key:
- Visit Last.fm API Account Creation
- Sign in with your Last.fm account
- Fill in the application details
- Save your API key
- Your username can be found in your profile URL: last.fm/user/YOUR_USERNAME
-
Cloudflare Setup:
- Create an account at Cloudflare
- Get your Account ID from the dashboard
- Create an API token with Pages deployment permissions
Environment Setup
- Clone the repository:
git clone https://github.com/EndofTimee/personal-site
cd personal-site
- Create a
.envfile in the root directory:
VITE_LASTFM_API_KEY=your_lastfm_api_key
VITE_LASTFM_USERNAME=your_lastfm_username
CLOUDFLARE_API_TOKEN=your_cloudflare_api_token
CLOUDFLARE_ACCOUNT_ID=your_cloudflare_account_id
- Install dependencies:
pnpm install
Local Development
Start the development server:
pnpm start
The application will be available at http://localhost:3000
Deployment
Deployment Steps
npm run build
npx wrangler pages deploy ./dist
Environment Configuration
Cloudflare Pages Configuration:
-
Build settings:
- Build command:
npm run build - Build output directory:
dist - Node.js version: 16 (or higher)
- Build command:
-
Environment variables:
- Production branch:
main - Preview branches:
dev/*
- Production branch:
Troubleshooting
Common Issues
-
Build Issues:
# Clear dependency cache rm -rf node_modules npm clean-cache --force npm install -
Environment Variables:
# Verify environment variables npx wrangler secret list
Additional Resources
Contributing
- Fork the repository
- Create a feature branch
- Commit changes
- Push to the branch
- Open a Pull Request
License
This project is licensed under the MIT License - see the LICENSE file for details