Project Setup and Working Instructions for Next.js TypeScript Project with Tailwind CSS and Three.js

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v14 or later)
• npm or yarn
• Git

Getting Started

1. Clone the Repository

git clone https://github.com/aymanatech/aymanatech_site.git
cd aymanatech_site

2. Install Dependencies

Run either of the following commands to install the project's dependencies:

npm install

or

yarn install

3. Configure Tailwind CSS

Tailwind CSS is already configured in this project. To customize your styles, modify the tailwind.config.js file.

4. Start the Development Server

To start the development server, run:

npm run dev

or

yarn dev

This will start the server at http://localhost:3000. Open this URL in your browser to see your application.

5. Building for Production

To build the application for production, run:

npm run build

or

yarn build

6. Run in Production Mode

To run the app in production mode after building, use:

npm start

or

yarn start

7. Adding Three.js

To include Three.js in your project, you can install it via npm:

npm install three

or

yarn add three

Now you can import and use Three.js in your project files.

Additional Resources

• Next.js Documentation
• Tailwind CSS Documentation
• Three.js Documentation

Feel free to contribute to this project! If you have any questions or suggestions, submit an issue or a pull request.