Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/awkward-py/next.js-portfolio
This repository is a Next.js and Tailwind CSS-powered personal portfolio. Showcase your skills and projects with a responsive and customizable design.
https://github.com/awkward-py/next.js-portfolio
framer-motion framework next-js nextjs portfolio portfolio-website react tailwindcss
Last synced: about 5 hours ago
JSON representation
This repository is a Next.js and Tailwind CSS-powered personal portfolio. Showcase your skills and projects with a responsive and customizable design.
- Host: GitHub
- URL: https://github.com/awkward-py/next.js-portfolio
- Owner: awkward-py
- Created: 2024-01-12T04:55:58.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-04-04T17:34:02.000Z (7 months ago)
- Last Synced: 2024-04-04T18:45:56.994Z (7 months ago)
- Topics: framer-motion, framework, next-js, nextjs, portfolio, portfolio-website, react, tailwindcss
- Language: CSS
- Homepage:
- Size: 3.33 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js-Portfolio
Welcome to my portfolio repository built with Next.js and Tailwind CSS!
## Introduction
This repository contains the source code for portfolio website, showcasing my skills, projects, and more. It's built using the [Next.js](https://nextjs.org/) framework for React and styled with [Tailwind CSS](https://tailwindcss.com/) for a sleek and responsive design.
## Getting Started
1. **Clone the Repository:**
```bash
git clone https://github.com/awkward-py/Next.js-Portfolio.git
```
3. **Install Dependencies:**
```bash
cd Next.js-Portfolio
npm install
```
4. **Run the Development Server:**
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) to view your portfolio in the browser.
## Customization
- **Edit Content:**
- Update your personal information, project details, skills, and contact information in the relevant files within the `src/data` directory.
- **Styling:**
- Tailwind CSS classes are used for styling. Customize the styles by editing the utility classes in the components or updating the `tailwind.config.js` file.
## Deployment
1. **Build the Application:**
```bash
npm run build
```
2. **Start the Production Server:**
```bash
npm start
```
The application will be available at the specified port (default is 3000).
## Contributing
Contributions are welcome! Feel free to open issues for feature requests or bug reports. If you'd like to contribute code, please fork the repository and submit a pull request.