https://github.com/stephane957/portfolio
My personal portfolio website, proudly built with Next.js, TypeScript and Tailwind.
https://github.com/stephane957/portfolio
jest nextjs open-source pnpm portfolio react react-testing-library sentry tailwindcss typescript vercel
Last synced: 3 months ago
JSON representation
My personal portfolio website, proudly built with Next.js, TypeScript and Tailwind.
- Host: GitHub
- URL: https://github.com/stephane957/portfolio
- Owner: stephane957
- License: mit
- Created: 2025-10-03T23:42:52.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-10-10T01:44:58.000Z (9 months ago)
- Last Synced: 2025-10-31T09:51:22.958Z (8 months ago)
- Topics: jest, nextjs, open-source, pnpm, portfolio, react, react-testing-library, sentry, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage:
- Size: 60.5 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🚀 Software Developer Portfolio
A modern, responsive portfolio website built with Next.js and Tailwind CSS, showcasing my projects and skills as a software developer. It uses the pnpm package manager by default, but can be used with ``npm`` or ``yarn`` as well.
This project is a constant work in progress, so if you find any bugs, typos or other errors, please feel free to open an issue or pull request.
This project is open source, so please feel free to fork and adapt for your own projects (credit would be appreciated).
# ✨ Features
- ⚡ **Blazing Fast** - Built with Next.js for optimal performance
- 📱 **Fully Responsive** - Looks great on all devices
- 🎨 **Modern Design** - Clean, professional UI with Tailwind CSS
- 🔧 **DevOps Ready** - CI/CD pipeline with GitHub Actions
- 🌐 **SEO Optimized** - Next.js SSR and meta tags for better visibility
- 📧 **Contact Form** - Integrated with serverless functions
# 🛠 Tech Stack
- **Frontend**: Next.js 14, React, Tailwind CSS
- **Deployment**: Vercel
- **CI/CD**: GitHub Actions
- **Version Control**: Git & GitHub
- **Styling**: Tailwind CSS, CSS3
- **Icons**: Lucide React / Heroicons
# 🚀 Quick Start
## Prerequisites
Node.js 18+ installed on your local machine
Git for version control
## Installation
1. **Clone the repository**
Fork or clone this project.
```
git clone https://github.com/yourusername/portfolio.git
cd portfolio
```
2. **Install dependencies**
```
pnpm install
```
3. **Run the development server**
```
pnpm dev
```
4. **Open the source code and start editing!**
Navigate to ``http://localhost:3000``.
Open the portfolio directory in your code editor of choice and edit src/app/page.tsx. Save your changes and the browser will update in real time!
## Next.js
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out the [Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Styling
The project uses Tailwind CSS. You can customize:
- Colors in ``tailwind.config.js``
- Global ``styles in app/globals.css``
- Component-specific styles using Tailwind classes
# 🚀 Deployment
Automatic Deployment with Vercel
This project is configured for automatic deployment on Vercel:
1. Push your code to GitHub
2. Connect your repository to [Vercel](https://vercel.com/login)
3. Deployments happen automatically on every push to ``main``
# Manual Deployment
```
# Build the project
npm run build
# Deploy to Vercel
npm i -g vercel
vercel --prod
```
# 📄 License
This project is open source and available under the MIT License.
# 🙏 Acknowledgments
- [Next.js](https://nextjs.org/) - The React framework
- [Tailwind CSS](https://tailwindcss.com/) - For styling
- [Vercel](https://vercel.com/login) - For seamless deployment
- [Lucide Icons](https://lucide.dev/) - For beautiful icons
⭐ Star this repo if you found it helpful!
_This portfolio was built as part of my job search journey_.