Skip to main content
Base44 apps are standard React applications built with Vite. Your project includes modern web development tools and seamless Base44 backend integration. The Base44 editor shows a simplified view focused on what you’ll edit most. When you export to GitHub, you get the complete project with all configuration files and dependencies.

​
Editor view

In the Code Tab, you’ll see these main folders:
Pages
Components
ui
Entities
Layout.jsx
Pages: The pages in you app.Each file is a route. Home.jsx becomes /, Settings.jsx becomes /settings. Components: Reusable UI elements. The ui/ subfolder contains pre-built components for shadcn/ui, such as buttons, dialogs, and forms. Entities: Your data model definitions. Each entity has a JSON schema file that defines its fields. Layout.jsx: The wrapper around all pages. Contains your navigation, header, and any shared UI.
Viewing and navigating your app's code files

​
Full project structure

When you connect to GitHub and work locally, you get the complete React/Vite project with all configuration files, dependencies, and build tools:
src
pages
components
entities
api
hooks
lib
package.json
vite.config.js
tailwind.config.js
index.html
.env.local
The editor folders map directly to src/. The additional folders (api/, hooks/, lib/) contain Base44 integration code that’s managed for you in the editor.

​
Configuration files

The root directory includes all the configuration needed to run independently:
  • package.json - Dependencies and scripts (includes @base44/sdk)
  • vite.config.js - Build configuration with Base44 plugin
  • tailwind.config.js - Styling configuration
  • index.html - Main HTML entry point
  • .env.local - Environment variables for Base44 integration

​
Run locally

To run the exported project locally: npm install then npm run dev.