💎 DiamondHacks 2025 – Building UIs in React/Next.js

Welcome to the official starter project for the DiamondHacks 2025 workshop on React and Next.js! 🎉

This is a simple Next.js project bootstrapped using create-next-app, designed to help you get hands-on experience with modern web development.

Whether you're brand new to web dev or just looking to sharpen your skills, this repo will guide you through building a fast, dynamic site using React + Next.js.

---

📝 Slides + Past Resources

Want an overview before jumping into the code? We've got you covered:

• 📺 2025 Slides & Resources: http://acmurl.com/next-workshop
  → Includes slides and additional resources to help you understand React + Next.js fundamentals.

• 📁 2024 Workshop Starter & Solutions: https://acmurl.com/next-workshop-2024
  → The 2024 branch in this repo contains the starter code and 2024-solutions branch has the completed solutions used during last year’s workshop.

🚀 Getting Started

1. Clone the project

git clone https://github.com/acmucsd-diamondhacks/next-workshop.git
cd next-workshop

2. Install dependencies

Pick your favorite package manager:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

3. Run the development server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 in your browser — you should see the starter page!

---

✏️ Start Editing

The main page of this app lives in:

app/page.js

You can edit this file to start building your project. Changes update in real-time, so no need to refresh the page!

This starter also uses next/font to load the Inter font automatically.

---

📚 Learn More

Here are some great resources if you're new to Next.js:

• 📖 Next.js Docs – everything you need to know about Next.js features and APIs.
• 🧠 Learn Next.js – an interactive step-by-step tutorial.
• 💻 React Docs – helpful if you want to dive deeper into the React foundation behind Next.js.

---

🌐 Deploy Your Project

Want to share your app with the world?

Deploy it for free using Vercel, the platform built by the creators of Next.js. Just click this button:

Or follow the Next.js deployment guide for more options.

---

❤️ From DiamondHacks

This project was built with love for DiamondHacks 2025 – we hope you learn something new, build something awesome, and have fun doing it!

Happy Hacking! 💻✨