Build a Portfolio Website Using Next JS, Tailwind CSS & Framer Motion | Part 2

preview_player
Показать описание
#ReactJS #NextJS #TailwindCSS #FramerMotion

👍 Thanks for watching!
Make sure to like & Subscribe for more! 💜

#NextJS #TailwindCSS #FramerMotion #WebDevelopment #PortfolioWebsite #JavaScript #ReactJS #FrontendDevelopment #ResponsiveDesign #WebDesign #CodingTutorial #Developer #Programmer #BuildWithNextJS #LearnTailwindCSS #AnimationWithFramer
  1. Code And Create
  2. next.js
  3. tailwind css
  4. framer motion
  5. react
  6. reactjs
Рекомендации по теме
How To Build 0:12:36

How To Build A Portfolio Website in 5 Steps (2023 Tutorial)

How To Make 2:00:14

How To Make A Portfolio Website Using HTML CSS JS | Complete Responsive Website Design

How to Create 0:35:29

How to Create a Portfolio Website for FREE

Responsive Portfolio Website 2:12:20

Responsive Portfolio Website From Scratch

Build a Complete 0:52:23

Build a Complete Responsive Personal Portfolio Website using HTML CSS Javascript

Create A Portfolio 0:19:45

Create A Portfolio Website Using HTML and CSS Only - Easy Tutorial

Build a Mindblowing 0:15:38

Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s Tutorial

I Built a 0:08:28

I Built a 3D Developer Portfolio Website // Three.js + React + Tailwind

Create Simple Personal 0:27:29

Create Simple Personal Portfolio Website with HTML CSS Step by Step Tutorial

Build a Responsive 0:39:25

Build a Responsive Personal Portfolio Website Using HTML & CSS & JavaScript

Design Portfolio: Complete 0:15:53

Design Portfolio: Complete guide

How To Make 3:07:05

How To Make Portfolio Website Using HTML & CSS | Responsive Portfolio Website Step by Step 2024

I tried to 0:07:55

I tried to design and code an awwwards-inspired portfolio website. Here's the process

ChatGPT created a 0:05:25

ChatGPT created a Portfolio Website for Developer in 5 Minutes

THE PORTFOLIO WEBSITE 0:15:23

THE PORTFOLIO WEBSITE THAT GOT ME HIRED | How to Make An Impressive Portfolio With No Experience

Personal Portfolio Website 0:26:32

Personal Portfolio Website using HTML & CSS

Developer Portfolio Do's 0:12:00

Developer Portfolio Do's and Don'ts

Building a portfolio 1:40:41

Building a portfolio website with HTML & CSS | Part 1

How to Use 0:09:18

How to Use Wix to Make a Portfolio Website (Step by Step 2024)

Build and deploy 2:23:16

Build and deploy a portfolio website [Full Tutorial Course]

Create a Responsive 1:35:58

Create a Responsive Portfolio Website with HTML CSS JS AI from scratch

Build a Complete 0:36:56

Build a Complete Personal Portfolio Website Using Only HTML And CSS | Pure HTML And CSS

React Project Tutorial: 1:59:18

React Project Tutorial: Build a Responsive Portfolio Website w/ Advanced Animations

Build and Deploy 3:04:05

Build and Deploy a Portfolio Website Using Next JS, Tailwind CSS & Framer Motion

Комментарии
Автор

Excellent tutorial, may god bless you and take care 🙂

RAVISHARMA-hkll
Автор

Adding 'sm:text-sxl' does not affect the size of the icons when you add this to the parent div. Also, the icons do not use 'font-size', they use 'size', (based on the repo doc).

The only way to get the icons to change size is to create a class, (e.g., social-icon) and add it to the className of each of the objects in the heroIcons array in the index.js file.

kwsim
Автор

According to the Remixicon repo, the actual npm install uses remixicon/react, not remixicon-react. This version, (remixicon-react) is not provided or maintained by Remixicon and has not been updated in the past 4 years. The true Rexicon repo was updated 3 months ago. Wouldn't you want to have the latest version of icons to work with?

kwsim
Автор

I would like if you create a bloggin section connecting to Strapi / other thing. Thinking for a developer blog.
Great job anyway.

tatemo_labs
Автор

Thank you for your great work. Can you please provide index.js file in assets folder?

luckyluke
Автор

can you provide live preview link to test it

luckydevelopers