Skip to content

lostluffyz/SyntaxClub

Repository files navigation

🌟 My Awesome Next.js Project

Website Preview

πŸš€ A modern web application built with Next.js, TypeScript, and TailwindCSS.

✨ Features

  • πŸ”₯ Next.js for Server-Side Rendering and Static Site Generation.
  • ⚑ TypeScript for robust and type-safe code.
  • 🎨 TailwindCSS for rapid and responsive styling.
  • πŸ’» Fully responsive and optimized for performance.

🌐 Live Demo

Check out the live version of the website here: Deployed Website Link


πŸ“‚ Project Structure

β”œβ”€β”€ components     # Reusable UI components
β”œβ”€β”€ pages          # Next.js pages
β”œβ”€β”€ public         # Static assets (images)
β”œβ”€β”€ styles         # TailwindCSS styles
β”œβ”€β”€ utils          # Utility functions
β”œβ”€β”€ tsconfig.json  # TypeScript configuration
└── package.json   # Dependencies and scripts

πŸ› οΈ Installation and Usage

Follow these steps to set up the project locally:

Prerequisites

Installation

# Clone the repository
$ git clone https://github.com/your-username/your-repo-name.git

# Navigate to the project folder
$ cd your-repo-name

# Install dependencies
$ npm install
# or
$ yarn install

Running the Development Server

# Start the development server
$ npm run dev
# or
$ yarn dev

# Open your browser at http://localhost:3000

Building for Production

# Build the project
$ npm run build
# or
$ yarn build

# Start the production server
$ npm start
# or
$ yarn start

🌈 Customization

To customize the project:

  • Edit styles in ./tailwind.config.ts.
  • Modify components in ./components.
  • Update page content in ./app/page.tsx.

πŸ“Έ Screenshots

Home Section

Grid Section

Work Section

Video's Section

Process Section

Review Section

Contact Section


🀝 Contribution

Contributions are welcome! To contribute:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature-name)
  3. Commit your changes (git commit -m 'Add some feature')
  4. Push to the branch (git push origin feature-name)
  5. Create a Pull Request

πŸ“¬ Contact

If you have any questions, feel free to reach out:


🌟 Show Your Support

If you like this project, please give it a ⭐ on GitHub and share it with others! 😊

About

πŸš€ A sleek and modern web application powered by " Next.js ", " TypeScript ", and " TailwindCSS ", designed to deliver exceptional performance and user experience. 🌐 Perfect for developers looking for scalability and ease of customization. 🎨

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors