Portflow

Welcome to Portflow x Next.js

Portflow is a portfolio web template build with Tailwind CSS, DaisyUI. By using Next.js 13, 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

Live Preview

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.

Getting Started

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 Next.js documentation to learn more.

Setup

# yarn (recommended)
yarn install
# npm
npm install
# pnpm
pnpm install

Development Server

# yarn (recommended)
yarn dev
# npm
npm run dev

Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

Production

Check out our Next.js deployment documentation for more details.

Pages & Features

• Remove repeatable components on all pages
• Update routes
• Update SEO tagging on all pages
• Enable rich-text on Single Story Page

Contributing

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:

1. Do the steps of Running This Project
2. Create a new branch (following this best-practice is optional)
3. Create issue on this Repo (optional)
4. Do some stuff like creating new feature, updating page, fixing bug or even UI adjustments
5. Push to your branch and create pull request (PR)
6. Wait for my review and merge
7. Done

Note: You can do Git stuffs on GitHub Desktop if you preferred

Attribution

1. Fonts, Montserrat and Playfair Display by Google Font
2. Icons by Lineicons
3. 3D Image Assets by Icons8
4. Dummy avatar assets by Pravatar
5. Dummy content image assets by Picsum
6. Components reference by TailwindComponents

--- HAPPY CODING! ---