Next.js Hackathon 2025

A beautiful, modern hackathon site built with Next.js 15, Tailwind CSS, and Vercel Analytics.

Features

• Live countdown and city grid
• Custom theming (dark/semafor)
• Live stream integration
• Error boundaries for robust UX
• Vercel Analytics for privacy-friendly insights

---

Getting Started with the Countdown Timer

1. Install dependencies:

   npm install

2. Run the dev server:

   npm run dev

3. Visit: http://localhost:3000

Configuration

• Copy .env.example to .env and fill in any environment variables as needed.

Contributing

See CONTRIBUTING.md for guidelines and setup.

Analytics

This project uses Vercel Analytics for privacy-friendly usage insights. Disable or remove the Analytics component in app/layout.tsx if you prefer not to use it.

License

This project is MIT Licensed.

---

Project Directory Structure

next-hackathon-2025/
├── .env.example            # Example environment variables
├── .github/                # GitHub issue templates
├── .gitignore              # Git ignore rules
├── app/                    # Next.js app directory (routes, pages, components)
├── config/                 # Project-wide configuration (constants, theme)
├── CONTRIBUTING.md         # Contribution guidelines
├── eslint.config.mjs       # ESLint flat config
├── lib/                    # Utility libraries
├── LICENSE                 # Open source license
├── next.config.mjs         # Next.js config
├── package.json            # Project dependencies and scripts
├── postcss.config.js       # PostCSS config for Tailwind
├── public/                 # Static assets (images, favicon, etc.)
├── README.md               # Project documentation
├── tailwind.config.js      # Tailwind CSS config
├── tsconfig.json           # TypeScript config
└── ...                     # Other support files

• All configs and docs are at the project root for easy access.
• Main application code is in the app/ directory.
• See CONTRIBUTING.md for how to get started!

---

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.