A simple and user-friendly web portfolio designed for multilingual web developers, suitable for beginners or freelancers. Developed with Next.js, TypeScript, and Tailwind CSS, this project focuses on showcasing your projects in a structured and accurate manner.
In the ever-evolving digital landscape, personal branding is not merely a choice - it's a necessity, especially in the fiercely competitive job market for aspiring developers. A standout portfolio is a contemporary requirement nowadays - without one, the journey to securing your first job can be an uphill battle.
Fortunately, there's no shortage of open-source portfolios for inspiration. You can explore curated lists such as:
- emmabostian/developer-portfolios
A compilation of developer portfolios for your creative inspiration.
- Evavic44/portfolio-ideas
A curation of awesome portfolio website ideas for developers and designers to draw inspiration from.
- Renovamen/playground-macos
An innovative portfolio website that simulates the macOS GUI.
However, most existing portfolios are written exclusively in English (or another single language), leaving a gap for those who communicate in multiple languages.
This project addresses that gap, concentrating on multilingual beginner developers and freelancers, offering robust internationalization support (with i18n). On the downside, it multiplies the task of content writing, necessitating a copy for each language you know.
- i18n support
- Mobile-first responsive design
For a comprehensive view of all dependencies, including exact versions, feel free to explore the details in the package.json file.
| Name | Usage |
|---|---|
 |
A superset of JavaScript with static typing. |
 |
JavaScript library for building user interfaces. |
 |
React framework for building web applications. |
 |
An internationalization framework for JavaScript. |
 |
Set of completely unstyled UI components. |
 |
Lightweight markup language for formatting text. |
 |
Collaborative interface design tool. |
 |
Utility-first CSS framework for rapid UI development. |
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:3000 |
npm run build |
Build your production site to ./.next/ |
npm run preview |
Preview your build locally, before deploying |
Open http://localhost:3000 with your browser to see the result.
The project uses the NextJS app router and file-based routing.
The project can be deployed to Vercel/Netlify hosting (tested on Netlify).
- Fork project (https://github.com/AnnaBurd/web-portfolio/fork)
- Create your feature branch (
git checkout -b feature/fooBar) - Commit your changes (
git commit -am 'Add some fooBar') - Push to the branch (
git push origin feature/fooBar) - Create a new Pull Request