a4lamber/adam_portfolio

a portfolio website to host some of my data engineering side projects and also serve as a starting place for freelancer business. Fighting!

Motivation

Personal portfolio website to host some of my side-projects and advertise my freelancer work.

Deployment

1. Install the gh-pages package

npm install gh-pages --save-dev

2. In the package.json file, add the following line to the scripts section

"scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d dist",
    "dev": "vite",
    "build": "vite build",
    "lint": "eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0",
    "preview": "vite preview"
  },

3. In the package.json file, add the following line to the homepage section, where <github_acocunt> is the name of the github account and <repo_name> is the name of the repository

"homepage": "https://<github_acocunt>.github.io/<repo_name>/",

4. In the vite.config.js file, add the following line to the base section, where <repo_name> is the name of the repository

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  base: "/<repo_name>/"
})

5. Go back to terminal and run

npm run deploy

Now, you have deployed this website and you could check it under your repo's Settings -> Pages..

Reference

• shiba 3d model, i wish to use it but it's too taxing to browser