Back to projects
Basketball Team
Gerardo Nastri / September 4, 2024
This is a full-stack basketball team website built with NextJs and Tailwind CSS.
Features
- Searching: Searching news, players and staff from all across the website.
- Admin Page: Admnins can create news, matches and manage standings, users and messages
- SSR: Fast Loading of content with Server Side Rendering
- User Authentication: Allow users to sign up and log in. Using next-auth and jsonwebtoken
- Responsive Design: the site is accessible from all platforms.
- Toast Notification: Toast Notification when you submit a form.
- SEO: SEO optimization with a score of 100
Technologies
- NextJs: A React framework for building static and dynamic websites.
- Vercel: A cloud platform for static sites and serverless functions.
- MONGO DB: A non-relational, document-oriented DBMS.
- Tailwind CSS: A utility-first CSS framework packed with classes
- Firebase: A cloud to store images
- Framer Motion: A tool for animations
Getting Started
To get started with this project, you can clone the repository and install the dependencies:
git clone https://github.com/gerardonastri/sito-cava.git
cd sito-cava
npm install
Once the dependencies are installed, you can run the development server:
npm run dev
The development server will start at http://localhost:3000
.
Deployment
To deploy this project, you can use Vercel. You can link your GitHub repository to Vercel and deploy the project with a single click.
Conclusion
This website is a great example of a full-stack application with NextJs.