> ## Documentation Index
> Fetch the complete documentation index at: https://shivamgoyal.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Project Creation
> Learn how to create and set up a new project in CodeNull
# Project Creation
Creating a new project in CodeNull is the first step in your journey to building modern, AI-powered web applications. This guide will walk you through the process of setting up a new project and configuring its initial settings.
## Getting Started
There are multiple ways to access the project creation screen:
* From the dashboard, click the **New Project** button
* From the main navigation, click **+** in the project selector
* From any screen, use the keyboard shortcut `Ctrl+N` (Windows/Linux) or `⌘+N` (macOS)
Select a template that matches your project needs:
Start with a clean slate and build from scratch
Pre-configured for online stores
Content-focused site with publishing features
Showcase your work or services
Data visualization and analytics
Conversion-focused single page
You can also choose from your previously saved templates or browse the template marketplace for community and premium options.
Fill in the essential details for your project:
A descriptive name for your project
Optional brief description of the project purpose
Optional keywords to categorize your project
* `private`: Only accessible to you and invited collaborators
* `team`: Available to all members of your organization
* `public`: Visible to all CodeNull users (code not publicly accessible)
Select the technologies you want to use in your project:
* `react`: React.js (with Next.js)
* `vue`: Vue.js (with Nuxt.js)
* `angular`: Angular
* `svelte`: Svelte/SvelteKit
* `static`: Static HTML/CSS/JS
* `tailwind`: Tailwind CSS
* `mui`: Material UI
* `bootstrap`: Bootstrap
* `chakra`: Chakra UI
* `vanilla`: Plain CSS
* `none`: No CSS framework
* `shadcn`: shadcn/ui
* `radix`: Radix UI
* `mantine`: Mantine
* `none`: No component library
* `node`: Node.js
* `python`: Python
* `java`: Java
* `dotnet`: .NET
* `go`: Go
* `php`: PHP
* `ruby`: Ruby
* `none`: No backend (static site)
* `express`: Express.js
* `fastapi`: FastAPI
* `spring`: Spring Boot
* `aspnet`: ASP.NET Core
* `laravel`: Laravel
* `rails`: Ruby on Rails
* `none`: No framework
* `mongodb`: MongoDB
* `postgresql`: PostgreSQL
* `mysql`: MySQL
* `sqlite`: SQLite
* `firebase`: Firebase
* `none`: No database
Enable AI features in your project
* `openai`: OpenAI
* `azure`: Azure OpenAI
* `anthropic`: Anthropic
* `mistral`: Mistral AI
* `local`: Local Models
* `custom`: Custom API
Changing the technology stack after project creation may require migration effort. Choose carefully based on your project requirements.
Click the **Create Project** button to initialize your project. CodeNull will:
1. Set up the project structure based on your selected template and technologies
2. Initialize the necessary configuration files
3. Create a Git repository for version control
4. Install default dependencies
This process typically takes 30-60 seconds depending on the selected options and your connection speed.
## Project Structure
After creation, your project will have a standardized structure:
```
my-project/
├── .codenull/ # CodeNull configuration
├── frontend/ # Frontend code
│ ├── public/ # Static assets
│ ├── src/ # Source code
│ ├── components/ # UI components
│ └── pages/ # Page components
├── backend/ # Backend code
│ ├── src/ # Source code
│ ├── api/ # API endpoints
│ ├── models/ # Data models
│ └── services/ # Business logic
├── database/ # Database scripts and migrations
├── ai/ # AI models and prompts
└── README.md # Project documentation
```
## Initial Configuration
Once your project is created, you'll be guided through some initial configuration steps:
Review and adjust general project settings:
* Update project name, description, or tags
* Configure version control settings
* Set up collaboration permissions
* Define environment variables
If your project uses external services, you'll need to configure API keys:
Configure keys for OpenAI, Azure OpenAI, or other AI providers
Set up connection strings for your database
Configure auth providers (Google, GitHub, etc.)
Set up services like Google Analytics or Mixpanel
All API keys are securely encrypted and stored according to industry best practices. They're never exposed in your source code.
Configure how your project will be deployed:
One-click deployment to CodeNull's managed infrastructure
Configure deployment to your own servers or cloud provider
Export your project to deploy manually
## Creating from an Existing Project
If you already have an existing project, you can import it into CodeNull:
From the project creation screen, select the **Import Existing Project** tab.
Connect to your existing repository:
Import from a GitHub repository
Import from a GitLab repository
Import from a Bitbucket repository
Upload files from your local machine
CodeNull will analyze your project structure to detect:
* Front-end and back-end frameworks
* Component libraries
* Database connections
* Dependencies
You can confirm or adjust these detected settings.
Configure additional settings:
Keep your existing project structure (recommended)
Import full git history (larger projects may take longer)
Click **Import Project** to complete the process. CodeNull will:
1. Clone your repository
2. Set up the CodeNull configuration
3. Prepare the project for editing in the CodeNull interface
## Project Templates
You can save your project configuration as a template for future use:
From your project settings, select **Save as Template** to create a reusable template from your current project.
Review, edit, and share your saved templates from the **Templates** section of your account.
## Next Steps
Now that you've created your project, you're ready to start building:
Learn how to navigate the CodeNull interface
Start building your user interface
Set up your API and backend logic
Configure your database models and queries
Explore AI capabilities in your project