markdown Copy code
This is my personal website built with Next.js, Tailwind CSS, and Framer Motion.
- Next.js: Server-side rendering, static site generation, and fast performance.
- Tailwind CSS: Utility-first CSS framework for fast styling and responsive design.
- Framer Motion: Easy-to-use animations and transitions.
- Responsive Design: Optimized for desktop, tablet, and mobile devices.
To get a local copy up and running, follow these simple steps.
Make sure you have Node.js and npm installed. You can download them from Node.js official website.
- Clone the repository:
git clone https://github.com/your-username/your-repo-name.git Navigate to the project directory:
bash Copy code cd your-repo-name Install the dependencies:
bash Copy code npm install Running the Development Server To start the development server, run the following command:
bash Copy code npm run dev Open http://localhost:3000 with your browser to see the result.
Building for Production To create a production build, run the following command:
bash Copy code npm run build This will generate an optimized build of your application in the .next folder. You can then start the server with:
bash Copy code npm start Deploying You can deploy the website on platforms like Vercel or Netlify which have great support for Next.js applications.
Project Structure plaintext Copy code . ├── components/ # Reusable UI components ├── pages/ # Application pages (each file represents a route) ├── public/ # Static assets like images, fonts, etc. ├── styles/ # Global styles and Tailwind configuration ├── .gitignore # Git ignore file ├── next.config.js # Next.js configuration ├── tailwind.config.js # Tailwind CSS configuration └── README.md # Project documentation Customization Tailwind CSS: Modify the tailwind.config.js file to customize colors, spacing, and other design tokens. Framer Motion: Adjust the animation properties in the components using Framer Motion's API. Contributing If you'd like to contribute to this project, please feel free to fork the repository and submit a pull request. Contributions are welcome!
License This project is licensed under the MIT License. See the LICENSE file for more details.
Acknowledgments Next.js Documentation Tailwind CSS Documentation Framer Motion Documentation