🚀 joelludin.github.io

Hello, world! 🌍

This is my personal website, rebuilt with Next.js. I’m still exploring the stack, so pardon any bloat or inefficiencies in the code (inb4: "any Next.js app is bloated" 😄).
The best tool is the one that works for you.

---

🌟 What’s This Repo About?

This repository contains the source code for my personal site. It’s a simple yet functional web app deployed using GitHub Pages for free static hosting.

I plan to add a beginner-friendly guide to explain how to:

1. Build a basic web app with Next.js.
2. Deploy it to GitHub Pages.

Stay tuned if you’re just starting out and want to learn!

---

🛠️ Build Stack

Component	Tool/Service
Frontend	Next.js, TypeScript
IDE + AI Pair Programmer	Cursor + Claude Sonnet 3.5
Prompt Generator	ChatGPT-4o
Domain/DNS	Cloudflare
Static Hosting	GitHub Pages

---

⚙️ Setup Instructions

To run this project locally:

1. Clone the Repository:

   git clone https://github.com/joelludin/joelludin.github.io.git
   cd joelludin.github.io

2. Install Dependencies:

   npm install

3. Run the Development Server:

   npm run dev

   Open http://localhost:3000 to view the site in your browser.

4. Build the Static Site:

   npm run build
   npx next export

5. Deploy (Optional for Local Use):
   You can deploy the static files manually to GitHub Pages or automate the process with a script.

---

🌐 Live Site

Visit the live version of my personal site at:
👉 https://joelludin.com

---

💡 To-Do

• Add a step-by-step guide for beginners to replicate this site.
• Optimize for performance (reduce bloat where possible).
• Explore more features in Next.js.

---

📩 Get in Touch

Feel free to reach out or suggest improvements! This is a learning journey, and I’m always open to feedback.