Back to projects
Basketball Team

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.