Portflow is a portfolio web template build with TailwindCSS, DaisyUI. By using NuxtJS v3, this will take care of the rest of repeatable components, enable rich-content, quick navigation, optimize page speed and dynamic SEO friendly. So this way more recommended for production purpose. For now, Portflow only provide page layouts for simple Article or Blog UI like Medium. Any future development update will be announced on my LinkedIn profile.
Portflow may contains another combination of components from TailwindCSS Components and DaisyUI Components
You can watch live preview on this site. You can also subscribe for this repo releases, so you can get notification when it's updated.
Q: How to use this project as my own portfolio website?
A: You can fork this repo then follow Getting Started section
Q: Is it free of use for unlimited projects?
A: Yes, you can use it free forever for unlimited projects!
Q: Should I use attribution on my website?
A: No. But if you like to support this repo, you can add attribution on your footer section
I recommend you to learn basic concept of starting Portflow HTML template before you step forward. If you already have an experience with JavaScript frameworks, look at the Nuxt 3 documentation to learn more.
# yarn (recommended)
yarn install
# npm
npm install
# pnpm
pnpm installStart the development server on http://localhost:3000
# yarn (recommended)
yarn dev -o
# npm
npm run devCheck out the deployment documentation for more information.
- ✅ Remove repeatable components on all pages
- ✅ Update routes
- ✅ Migrate detail pages (html to component)
- ⬛ Enable rich-text on Single Story Page
- ⬛ Redesign showcase page
- ✅ API ready
- ✅ SEO ready
- ✅ Google Analytics ready
Portflow will grow faster with your basic to advanced knowledge about HTML and CSS, especially if you are experienced with Bootstrap, Bulma or TailwindCSS itself. This is how you can be a part of this project:
- Follow steps of Getting Started section
- Create a new branch (following this best-practice is optional)
- Create issue on this Repo (optional)
- Do some stuff like creating new feature, updating page, fixing bug or even UI adjustments
- Push to your branch and create pull request (PR)
- Wait for my review and merge
- Done
Note: You can do Git stuffs on GitHub Desktop if you preferred
- Fonts, Montserrat and Playfair Display by Google Font
- Icons by Lineicons
- 3D Image Assets by Icons8
- Dummy avatar assets by Pravatar
- Dummy content image assets by Picsum
- Components reference by TailwindComponents
--- HAPPY CODING! ---