Live Website: https://isacottbus-btu.web.app/
npm install
npm run devVisit http://localhost:3000 in your browser.
npm run build
npm run deploy- Framework: Next.js 16 (App Router)
- Database: Firebase Firestore
- Hosting: Firebase Hosting
- UI Components: PrimeReact
- Styling: Tailwind CSS
Navigate to Firestore Console → teams/{year}/{teamName}
Structure:
teams/
├── 2024/
│ ├── admin/
│ │ ├── doc1: { name, title, href (storage path) }
│ │ ├── doc2: { ... }
│ ├── finance/
│ ├── events/
│ ├── socialmedia/
│ └── advisory/
├── 2025/
│ └── ... (same structure)
Steps:
- Go to Firebase Console → ISAC project
- Navigate to Firestore Database
- Add documents with fields:
name,title,href hrefshould be the path to the image in Firebase Storage (e.g.,teams/2024/admin/john_doe.jpg)
Navigate to Firestore Console → resources/{section}
Available sections:
- admission-procedure
- accommodation
- city-registration
- emergency-contacts
- finding-accommodation
- reaching-cottbus
- bank-account
Document Fields:
title(string)content(string - supports Markdown)
Update via Firestore collections:
events/{eventId}- Add event detailsgallery/{imageId}- Add gallery images with metadata
Upload images to Firebase Storage:
- Path:
teams/2024/admin/image_name.jpg - Public read access required in security rules
- Never push directly to
main - Create a feature branch:
git checkout -b feature/your-feature - Make changes and commit:
git commit -m "description" - Push and create a Pull Request to
devbranch - After review and GitHub Actions success, merge to
main mainbranch auto-deploys to production
| Command | Purpose |
|---|---|
npm run dev |
Start development server (localhost:3000) |
npm run build |
Build for production |
npm run deploy |
Deploy to Firebase Hosting |
npm run lint |
Check code linting |
isac/
├── app/ # Next.js App Router
│ ├── teams/ # Teams page
│ ├── events/ # Events page
│ ├── gallery/ # Gallery page
│ ├── resources/ # Resources page
│ └── ...
├── app/_hooks/ # Custom React hooks
├── app/_lib/ # Utilities & config
├── public/ # Static assets
└── package.json
-
Install Firebase CLI:
npm install -g firebase-tools
-
Login and Initialize:
firebase login firebase init
-
Deploy:
npm run deploy
- Node.js 16+ (Download)
- Git
- Firebase account (for admin setup)
git clone <repo-url>
cd isac
npm installFor issues or questions, create an issue in the GitHub repository.