How to Build Portfolio Website for Free in 2025 and Deploy it with Git
About This Video
Discord for any problems/errors/bugs: https://discord.gg/nVhJSymeXp Explore All My Projects: https://stackseekers.com/web-development-projects/ PREREQUISITE Vscode: https://code.visualstudio.com/download Node: https://nodejs.org/en/download Pnpm: https://pnpm.io/installation This video will show you 1. How to transform a default Vupress Hope theme into a sleek professional portfolio like this using PrimeVue and Vuepress. I will make a few changes in the markdown file to achieve this. 2. How do you set up PrimeFlex for custom CSS and Primeicon from the icon and Primevue UI framework for custom-designed sections? 3. How do you deploy it to GitHub pages? 4. How to create static site? 5. How to create document site? 6. How to create Blog? TIMESTAMPS 00:00 Intro & Demo 03:40 Code Structure 04:40 Home Page 05:41 Setup for PrimeVue and PrimeFlex using Vite 07:48 Use of PrimeVue component 08:51 Use of PrimeFlex 09:11 Navbar & Sidebar 12:24 Deploy to GitHub pages REFERENCE LINK Part-1: https://youtu.be/MoIbz_DdmLs Vuepress: https://v2.vuepress.vuejs.org/ Giscus: https://giscus.app/ Github pages: https://docs.github.com/en/pages/quickstart Markdown: https://www.markdownguide.org/getting-started/ Demo URL: https://stackseekers.github.io/ Source code: https://github.com/stackseekers/stackseekers.github.io Pull request: https://github.com/stackseekers/stackseekers.github.io/pull/45 KEY FEATURES Navbar Dropdown Menu Collapsible Sidebar Giscus: A comments system powered by GitHub Discussions Theme / Light mode / Dark mode Responsive - Mobile, Table, Desktop, Large Desktop Primevue Setup Custom CSS Back to the top of the page Deploy to GitHub pages STACK USED Vue.js Git Node.js Pnpm Vuepress Primevue LinkedIn: https://www.linkedin.com/in/jiwanghosal/ Instagram: https://www.instagram.com/jiwan_ghosal/ GitHub: https://github.com/stackseekers Discord: https://discord.gg/nVhJSymeXp Contact: https://stackseekers.com/
