Udemyallen

Build modern portfolio with react js and next js 14 (2024)

Learn React & Next.js 14 (2024) to build a stunning modern portfolio. Master front-end development with these popular JavaScript frameworks.

4.4(22)
188students
7h 3m
Certificate
Mohamed Hajji
Mohamed HajjiSenior Full Stack web developer

Course Content

Build modern portfolio with react js and next js 14 (2024) is an all-levels Udemy course taught by Mohamed Hajji. It runs 7h 3m, is taught in English, and includes a certificate of completion. Learners rate it 4.4 out of 5 from 22 reviews, with 188 students enrolled. It is a paid course, first published February 2024.

Build a Stunning Modern Portfolio with React.js and Next.js 14 (2024)

Ready to create a portfolio that truly shines? This comprehensive course guides you through building a modern, dynamic portfolio using the latest web technologies. Learn to leverage the power of Next.js 14 to craft visually stunning and highly performant websites.

Here's what you'll master:

  • Setting up your Development Environment: We'll walk you through the initial setup, ensuring a smooth start to your portfolio project.
  • Next.js 14 Fundamentals: Gain a deep understanding of Next.js 14's core features for building robust and scalable web applications.
  • Deploying with Vercel: Learn how to effortlessly deploy your portfolio live using Vercel, making it accessible to the world.
  • Advanced Web Design Techniques: Elevate your portfolio with captivating visual elements:
    • Animated Backgrounds: Create dynamic and engaging backgrounds to capture attention.
    • Custom Cursors: Add a unique touch with custom cursor designs.
    • Dynamic Water Effects: Incorporate visually appealing water effects for a modern feel.
  • Project Showcase: Design beautiful and informative project cards and expandable sections to effectively display your work.
  • Compelling 'About' Section: Craft an engaging 'About' section with timelines and elegant typography to highlight your skills and experience.
  • User Interaction: Enhance user engagement with:
    • Advanced Contact Forms: Build a functional and user-friendly contact form.
    • Email Integration: Seamlessly integrate email sending functionality for easy communication.
  • SVG Animations with Framer Motion: Add a touch of creativity and interactivity with SVG animations using Framer Motion.
  • Animated Menu: Create a fully animated menu with smooth slide animations for a delightful user experience.

By the end of this course, you'll not only have a beautiful, functional portfolio built from scratch but also possess valuable skills in React.js, Next.js 14, and advanced web design. Showcase your talents and make a lasting impression – join us and bring your portfolio to life!

$ whoami — the devs behind tutorialsearch.io

Need a web app built? Hire the team behind TutorialSearch.io

We ship fast, production-grade full-stack apps (Next.js, React, edge infra) — the same stack that powers this site.