How to make portfolio in next.js 14 using tailwind css | Make animated portfolio on next.js

Опубликовано: 03 Март 2026
на канале: IT MATE PK
4,705
77

A portfolio is a grouping of investments or assets that a person, business, or financial institution holds. Based on specific objectives and tactics, it is intended to manage risk while maximising investment returns. Stocks, bonds, mutual funds, ETFs, cash, and other instruments can all be included in a portfolio. They can be managed either actively or passively, and diversification is a fundamental idea in lowering risk. In order to stay in line with shifting market conditions and investment goals, portfolios are continuously reviewed and altered. Portfolios are ultimately used as a strategic instrument for maintaining and increasing wealth, attaining financial objectives, and navigating the complexity of the financial markets.

Facebook Clone:    • Facebook login page clone using next.js 13...  

Typewriter Library: https://www.npmjs.com/package/typewri...

React-Icons Library: https://react-icons.github.io/react-i...

Tail Blocks: https://tailblocks.cc/

Code Transform Tool: https://transform.tools/html-to-jsx

Shadcn UI: https://ui.shadcn.com/

Daisy UI: https://daisyui.com/

________________________
0:00 Intro
1:55 Create Nextjs 14 app
9:14 Shadcn UI Installation
10:49 Daisy UI Installation
13:24 AOS Library Installation
24:46 Creating Side Bar
1:08:04 Tabs Group of Shadcn UI for main page
2:36:56 Making website Mobile Responsive
3:39:30 Publishing code on GitHub
3:42:25 Deploying on Vercel
3:46:04 Outro
________________________
#nextjs #nextjs13 #tailwindcss #webdevelopment #portfoliowebsite #frontenddevelopment #ui #ux #responsivedesign #code #programming #html #css #javascript #reactjs #webdesign #creative #digitalportfolio #softwaredevelopment #techportfolio #fullstackdevelopment #webdeveloper #codelife #digitalcreativity #techskills #codeskills #tailblocks #typewriterlibrary #react-icons#nextjs #next #react #reactjs #nextjs13 #playlist #nextjsproject #intro #introduction #portfolio #portfoliowebsite #nextjstutorial #reactjstutorial #nexttutorials #reacttutorial #reactframework #reacttutor #reactframework #framework #nextjs14