mirror of
https://github.com/System-End/My-website.git
synced 2026-04-19 16:28:16 +00:00
My website
Bumps the actions group with 3 updates in the / directory: [pnpm/action-setup](https://github.com/pnpm/action-setup), [actions/configure-pages](https://github.com/actions/configure-pages) and [actions/deploy-pages](https://github.com/actions/deploy-pages). Updates `pnpm/action-setup` from 4 to 5 - [Release notes](https://github.com/pnpm/action-setup/releases) - [Commits](https://github.com/pnpm/action-setup/compare/v4...v5) Updates `actions/configure-pages` from 5 to 6 - [Release notes](https://github.com/actions/configure-pages/releases) - [Commits](https://github.com/actions/configure-pages/compare/v5...v6) Updates `actions/deploy-pages` from 4 to 5 - [Release notes](https://github.com/actions/deploy-pages/releases) - [Commits](https://github.com/actions/deploy-pages/compare/v4...v5) --- updated-dependencies: - dependency-name: pnpm/action-setup dependency-version: '5' dependency-type: direct:production update-type: version-update:semver-major dependency-group: actions - dependency-name: actions/configure-pages dependency-version: '6' dependency-type: direct:production update-type: version-update:semver-major dependency-group: actions - dependency-name: actions/deploy-pages dependency-version: '5' dependency-type: direct:production update-type: version-update:semver-major dependency-group: actions ... 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