🍌 Building Your First BananaJS App Welcome to BananaJS! Let's create your first application in just a few simple steps. Choose the template that best fits your project needs:
Quick Start Guide Open your terminal (Command Prompt, PowerShell, or Terminal)
Run one of these commands based on your preferred framework:
bash
For React projects (with Vite)
banana create-app MyFirstApp --template react
For Vue projects
banana create-app MyFirstApp --template vue
For documentation sites
banana create-app MyFirstApp --template docs
For Firebase-powered apps
banana create-app MyFirstApp --template firebase
For projects needing great documentation
banana create-app MyFirstApp --template readme
🧩 Template Features
Detailed Template Breakdown
Template | Includes | Best For | Production Ready |
---|---|---|---|
react | • Vite + React 18 • TypeScript • TailwindCSS • ESLint + Prettier | Single Page Applications | ✅ Yes |
vue | • Vue 3 • Pinia • Vite • SCSS • Vue Router | Rapid UI Development | ✅ Yes |
docs | • Markdown • Algolia Search • Dark Mode • Table of Contents | Technical Documentation | ✅ Yes |
firebase | • Firebase Auth • Firestore • Functions • Hosting config | Fullstack Apps (Serverless) | ✅ Yes |
readme | • Automated docs • SEO setup • GitHub templates • CI/CD basics | Open Source Projects | ✅ Yes |
🚀 Next Steps After Creation
1. Navigate to your project
cd my-project
```bash
cd MyFirstApp
Install dependencies:
npm install
# or
yarn install
Start the development server:
banana dev
Open your browser to:
http://localhost:5000
Need Help?
Try these resources: Run banana help in your terminal Join our Community Facebook Check our Starter Guide
Happy coding! 🎉 Let us know what amazing things you build with #BananaJS