> For the complete documentation index, see [llms.txt](https://docs.launchstack.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.launchstack.app/frontend/introduction.md).

# Introduction

The front end in LaunchStack it's built on [inertiajs](https://inertiajs.com/) and [vue 3](https://vuejs.org/).

#### How it works

Inertiajs it's an interface between the backend (Laravel) and the frontend framework (vue), example of sending data from controller to view:

```php
use Inertia\Inertia;
use App\Models\Post;

class PostsController extends Controller
{
    public function index()
    {
        $posts = Post::latest()->paginate(10);
        
        return Inertia::render('Posts/Index', [
            'posts' => $posts
        ]);
    }
}
```

#### Posts/Index.vue

```javascript
<script setup>
const { posts } = defineProps({
    posts: Object,
});
</script>
<template>
    
    <div v-for="post in posts" :key="post">
        {{ post.title }}
    </div>
    
</template>
```