https://github.com/alidantech/modern-potfolio
My new potfolio using `next js` and `styled tsx` package for ui
https://github.com/alidantech/modern-potfolio
Last synced: about 1 month ago
JSON representation
My new potfolio using `next js` and `styled tsx` package for ui
- Host: GitHub
- URL: https://github.com/alidantech/modern-potfolio
- Owner: Alidantech
- License: mit
- Created: 2024-04-27T15:50:00.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-27T15:52:12.000Z (about 2 years ago)
- Last Synced: 2025-03-21T18:16:47.220Z (about 1 year ago)
- Size: 2.93 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Alidantech's Modern Portfolio Website
Welcome to my modern portfolio website! This project utilizes Next.js and the styled-components library for creating a sleek and visually appealing user interface.
### Features
- **Next.js**: The website is built using Next.js, a React framework that enables server-side rendering, routing, and more.
- **Styled-components**: We leverage the styled-components library to style our components with ease, allowing for a seamless integration of styles within our React components.
- **Responsive Design**: The website is designed to be responsive, ensuring a consistent user experience across various devices and screen sizes.
- **Easy Customization**: With Next.js and styled-components, it's easy to customize and extend the website according to your preferences and needs.
- **SEO-friendly**: Next.js provides built-in support for server-side rendering, improving the website's search engine optimization (SEO) and overall performance.
### Getting Started
To get started with this project, follow these steps:
1. **Clone the Repository**: Clone this repository to your local machine using Git:
```bash
git clone https://github.com/Alidantech/Modern-Portfolio.git
```
2. **Install Dependencies**: Navigate into the project directory and install the dependencies using npm or yarn:
```bash
cd Modern-Portfolio
npm install # or yarn install
```
3. **Run the Development Server**: Start the development server to preview the website locally:
```bash
npm run dev # or yarn dev
```
4. **Open in Your Browser**: Once the development server is running, open your browser and navigate to `http://localhost:3000` to view the website.
### Customization
Feel free to customize the website according to your preferences. You can modify the existing components, styles, or even add new pages to showcase your work or projects.
### Feedback
Feedback and contributions are welcome! If you encounter any issues, have suggestions for improvement, or would like to contribute to the project, please feel free to open an issue or submit a pull request.
### Credits
This project is inspired by various Next.js and styled-components tutorials and resources available online. Special thanks to the open-source community for their valuable contributions and support.
### License
This project is licensed under the [MIT License](LICENSE). Feel free to use, modify, and distribute the code for personal or commercial projects.
Thank you for visiting my portfolio website! If you have any questions or inquiries, please don't hesitate to contact me.
Happy coding! 🚀