From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Building the file structure

Building the file structure

From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Start my 1-month free trial Buy for my team

Building the file structure

“

Welcome to this session! Our goal today is to build the file structure for our portfolio website, including theme switching functionality. We'll create all the necessary files and add placeholders, setting the stage for a fully functional site. We will start with our basic React template. Our app component currently renders a simple heading. Let's create a context folder and a ThemeProvider.jsx file inside the source folder. Let's also create component subfolders, navbar, scroll dots, hero, and their respective index.jsx files inside the components folder. Let's create Project section and Skills Experience section component folders with their index and nested component files. And finally, let's create Recommendation section, Contact section, and Footer component folders with their index and nested component files. Moving to ThemeProvider.jsx Now, I am creating the ThemeProvider component. At this stage, it's empty. It's simply a placeholder for the ThemeContextProvider which we'll…

Contents