Tutorial 1: Build Your First App

A step-by-step tutorial for creating your first project using Εεβα's development platform. Learn by example with interactive code samples and explanations.

Step 1: Install the CLI

Begin by installing the Εεβα command line interface. This tool will allow you to create, test, and deploy your applications from the terminal. 

npx create-eeba-app my-first-project

Step 2: Create a Simple Component

Your app needs components — reusable building blocks of your UI. Here's how to create a simple button component. 


              import React from 'react';

              export function SimpleButton({ text, onClick }) {
                return (
                  
                );
              }
Usage in parent component:


              import React from 'react';
              import { SimpleButton } from './SimpleButton';

              export function App() {
                const handleClick = () => {
                  alert('Button clicked!');
                };

                return (
                  

                    
                  

                );
              }

Step 3: Run Your Application

Once you’ve built your components, start a development server to see your application in the browser. 

npx dev
Runs on http://localhost:3000

Step 4: Deployment

When ready to share your creation, deploy your app to the web using Εεβα's built-in deployment tools. 

npx deploy

What You Learned

In this tutorial, we've built a simple React app using Εεβα's development stack. You've seen how to structure components, create modular UI, and prepare your project for deployment.

→ Next Tutorial ← Back to Docs
```