Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
🔴 Let's build a Modern Responsive Portfolio with NEXT.JS and Kinsta (Framer Motion Animations)
Play lesson

Portfolio websites with React.js, Next.js, Tailwind CSS, Framer Motion, Three.js and Chakra UI - 🔴 Let's build a Modern Responsive Portfolio with NEXT.JS and Kinsta (Framer Motion Animations)

5.0 (2)
37 learners

What you'll learn

This course includes

  • 82.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

Kinsta Application Hosting: https://bit.ly/40jNyy2 Kinsta Database Hosting: https://bit.ly/3KeSKO1 Create a Modern Responsive Portfolio Website with NEXT.JS. We will also add animations to the portfolio using Framer Motion. At the end of the video we will host the portfolio on Kinsta. 🔔 Subscribe for more! https: //youtube.com/kishansheth21 🎁 Support me with a donation https://www.buymeacoffee.com/koolkishansheth Join My Discord Community https://discord.gg/gr3JYgUFzQ 📚 Materials/References: GitHub Repo : https://github.com/koolkishan/nextjs-portfolio Github Gist : https://gist.github.com/koolkishan/3d7b1eea8e316417fda410c53392c8b1 Design Reference ( Brittany Chiang ): https://v4.brittanychiang.com/ 🧠 Concepts Covered: Nextjs Website Nextjs Portfolio SCSS Framer Motion Hosting on Kinsta Timestamps 00:00:00 Demo 00:03:47 Kinsta Application Hosting 00:05:13 Base Setup 00:15:12 Navbar 00:48:18 Social Icons Section 01:05:28 Home Section 01:19:50 About Section 01:41:20 Work Section 02:12:47 Contact Section 02:21:54 Responsive Navbar 02:37:00 Media Queries 02:45:00 Framer Motion Animations 03:10:15 Hosting the App on Kinsta #nextjs #portfoliowebsite #kishansheth #kinsta #nextjsportfolio #react #reactprojects #nextjsprojects #webdevelopment

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere