📁 Project Structure

Project Structure & Organization

Learn how to organize your AURA projects for maximum maintainability and scalability

Example Project Structure

Here's a typical structure for a Next.js project created with AURA

Project Structure

my-aura-project

src

components

Button.tsx

Header.tsx

Footer.tsx

pages

index.tsx

about.tsx

styles

globals.css

components.css

utils

helpers.ts

constants.ts

public

images

logo.png

hero.jpg

favicon.ico

package.json

next.config.js

tailwind.config.js

README.md

Follow these guidelines to keep your projects organized and maintainable

Group related components, styles, and utilities together

components/auth/, components/dashboard/, utils/auth.ts

Follow consistent naming conventions for files and folders

PascalCase for components, camelCase for utilities, kebab-case for pages

Keep business logic, UI components, and utilities separate

components/, hooks/, services/, types/

Maintain clear documentation of your project organization

README.md, docs/ folder, inline comments

Ready to Organize Your Projects?

Start building well-structured applications with AURA