Welcome to the MLSA Nexus Chapter Website repository! π
This project is built using Next.js with TypeScript for type safety and Tailwind CSS for styling. Itβs designed to be a dynamic, community-driven platform where Microsoft Learn Student Ambassadors (MLSA) can share resources, announce events, and foster collaboration.
https://www.figma.com/design/9EePKTLQQBEbIW1FtQKXJJ/Nexus-Website
We are thrilled to announce that MLSA Nexus Chapter Website is part of Hacktoberfest 2024! Hacktoberfest is a month-long celebration of open-source software, and we welcome all contributors, from beginners to seasoned developers, to join us and help make this repository even better.
Before you start, make sure you have the following installed:
git clone https://github.com/Microsoft-LSA-Nexus-Chapter/Nexus-Chapter-Website
cd Nexus-Chapter-Website
npm install
npm run dev
It will open at https:/localhost/3000
|src/
βββ app/ # App Router, entry point for Next.js routes
βββ layout.tsx # Layout component for all pages
βββ page.tsx # Home page component
βββ events/page.tsx # Events section with nestedroutes
|___ gallery/page.tsx # Gallery of all the events
|___ members/page.tsx # Members of the MLSA Nexus chapter
βββ about/page.tsx # About section with static content
|___ Contact/page.tsx # Contact Page
βββ components/ # Reusable components (Header, Footer, etc.)
βββ public/ # Static files like images and icons
βββ images/
βββ styles/ # Global styles and Tailwind configuration
βββ tsconfig.json # TypeScript configuration
βββ tailwind.config.js # Tailwind CSS configuration
The App Router (app/) is where all of the routing happens. Instead of a traditional pages/ directory, each folder inside app/ acts as a route. You can also nest routes easily within this structure.
All contributions must adhere to the Hacktoberfest Rules to be counted as valid contributions. This includes ensuring meaningful pull requests and avoiding spammy or incomplete submissions.
If you're new to open-source or want to learn more about contributing, here are some helpful links:
How to Contribute to open Source
Hacktoberfest Participation Guide
If you're new to Next.js, TypeScript, or Tailwind CSS, check out these resources: