Merge pull request #2 from trsctr/feat/deploy_script

added deploy workflow, moved assets to public

Author: trsctr

.github/workflows/deploy.yml

@@ -0,0 +1,35 @@
+name: Deploy Vite App to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main  # Trigger the workflow when changes are pushed to the main branch
+
+jobs:
+  build:
+    runs-on: ubuntu-latest  # Use an Ubuntu environment
+
+    steps:
+      # 1. Check out the repository code
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      # 2. Set up Node.js with the specified version
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '20.x'  # Set Node.js version to match your local environment (v20.x)
+
+      # 3. Install dependencies using npm
+      - name: Install dependencies
+        run: npm install
+
+      # 4. Build the Vite project
+      - name: Build Vite project
+        run: npm run build
+
+      # 5. Deploy to GitHub Pages
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          publish_dir: './dist'  # Path to the built files

public/assets/photo.jpg

@@ -10,7 +10,7 @@ const App: React.FC = () => {
        <div className="absolute top-0 left-0 p-5 hidden md:block">
         <Header text="trsctr.github.io" textSize="text-2xl" className="tracking-widest font-mono" hasGradient/>
        </div>
-       <About title="Hello, my name is Otto" imageUrl="src/assets/meika.jpg" imageOnRight>
+       <About title="Hello, my name is Otto" imageUrl="/assets/photo.jpg" imageOnRight>
        <p className="mb-2">
          This is my webpage.
        </p>