Feature Flags - Understanding the Codebase

Project Structure

These are the major files in our project. If you look at the components folder, you'll notice two feature components with different naming conventions: feature-one.tsx and FeatureTwo.tsx. This is intentional, and we'll cover this soon!

src

components

feature-one.tsx

FeatureTwo.tsx

layouts

app-layout.tsx

auth-layout.tsx

pages

about.tsx

home.tsx

App.tsx

index.css

main.tsx

Run the Project

Run the project and view our UI (the YouTube video shows this):

pnpm dev

This is a fairly simple app with two auth pages: Login and Register, and two app pages: Home and About. They are also separated by two different layout files: AuthLayout and AppLayout.

Great, go through the rest of the files at ease but in the next section, we will start building out our flags.