My website
Find a file
dependabot[bot] 3168b15b13
chore(deps): bump the cloudflare group with 2 updates (#71)
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>
2026-04-13 07:04:13 +00:00
.github ci(deps): bump the actions group across 1 directory with 3 updates (#63) 2026-04-07 05:44:29 +00:00
.unused feat: add blog 2026-01-15 12:44:10 -07:00
.vscode feat: add blog 2026-01-15 12:44:10 -07:00
public AJFJFJFIEOIFOIW FFINALLYYYYYYYY MROOOWWWWW BEEEEP THANK YOU 0xC74E 2026-03-01 10:06:51 -07:00
src AJFJFJFIEOIFOIW FFINALLYYYYYYYY MROOOWWWWW BEEEEP THANK YOU 0xC74E 2026-03-01 10:06:51 -07:00
.cfignore feat: add blog 2026-01-15 12:44:10 -07:00
.editorconfig feat: add blog 2026-01-15 12:44:10 -07:00
.env.example feat: add blog 2026-01-15 12:44:10 -07:00
.gitattributes feat: add blog 2026-01-15 12:44:10 -07:00
.gitignore feat: add blog 2026-01-15 12:44:10 -07:00
.npmrc chore: remove npm-only flags from .npmrc 2026-02-16 22:37:35 -07:00
dev.ps1 feat: add Spotify music integration 2025-02-11 12:49:33 -07:00
eslint.config.js chore(deps): bump the lint-and-format group with 11 updates (#37) 2026-02-16 23:20:31 -07:00
index.html feat: add blog 2026-01-15 12:44:10 -07:00
package.json chore(deps): bump the cloudflare group with 2 updates (#71) 2026-04-13 07:04:13 +00:00
pnpm-lock.yaml chore(deps): bump the cloudflare group with 2 updates (#71) 2026-04-13 07:04:13 +00:00
postcss.config.js fix!: migrate to tailwind v4 with @tailwindcss/postcss and css-based config 2026-02-17 07:58:06 -07:00
README.md AJFJFJFIEOIFOIW FFINALLYYYYYYYY MROOOWWWWW BEEEEP THANK YOU 0xC74E 2026-03-01 10:06:51 -07:00
tsconfig.json feat: add blog 2026-01-15 12:44:10 -07:00
tsconfig.node.json feat: add blog 2026-01-15 12:44:10 -07:00
tsconfig.worker.json feat: add blog 2026-01-15 12:44:10 -07:00
vite.config.ts feat: add blog 2026-01-15 12:44:10 -07:00
wrangler.toml feat: add blog 2026-01-15 12:44:10 -07:00

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:

  1. React Frontend: A Single Page Application (SPA) built with React and TypeScript
  2. 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

  1. 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
  2. Cloudflare Setup:

    • Create an account at Cloudflare
    • Get your Account ID from the dashboard
    • Create an API token with Pages deployment permissions

Environment Setup

  1. Clone the repository:
git clone https://github.com/EndofTimee/personal-site
cd personal-site
  1. Create a .env file 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
  1. 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:

  1. Build settings:

    • Build command: npm run build
    • Build output directory: dist
    • Node.js version: 16 (or higher)
  2. Environment variables:

    • Production branch: main
    • Preview branches: dev/*

Troubleshooting

Common Issues

  1. Build Issues:

    # Clear dependency cache
    rm -rf node_modules
    npm clean-cache --force
    npm install
    
  2. Environment Variables:

    # Verify environment variables
    npx wrangler secret list
    

Additional Resources

Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Commit changes
  4. Push to the branch
  5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details