mirror of
https://github.com/wasp-lang/wasp.git
synced 2024-12-26 18:42:16 +03:00
41 lines
1.4 KiB
Markdown
41 lines
1.4 KiB
Markdown
---
|
|
title: Introduction
|
|
---
|
|
|
|
import useBaseUrl from '@docusaurus/useBaseUrl';
|
|
|
|
:::tip Skip the Tutorial & See Wasp in Action 👹?
|
|
It's possible because we've set up an in-browser dev environment for you on Gitpod.
|
|
You will be able to see and edit the finished ToDo app with no setup required.
|
|
<p align="center">
|
|
<a href="https://gitpod.io/#https://github.com/wasp-lang/gitpod-template">
|
|
<img src="https://gitpod.io/button/open-in-gitpod.svg" />
|
|
</a>
|
|
</p>
|
|
:::
|
|
|
|
:::info
|
|
If you want to run Wasp locally and haven't yet set it up, check out [Getting Started](/getting-started.md) first for installation instructions, and then continue with the tutorial.
|
|
:::
|
|
|
|
Let's build together a simple Todo App in Wasp!
|
|
|
|
<img alt="How Todo App will work once it is done"
|
|
src={useBaseUrl('img/todo-app-tutorial-intro.gif')}
|
|
style={{ border: "1px solid black" }}
|
|
/>
|
|
|
|
<br />
|
|
<br />
|
|
|
|
This tutorial will take you step by step through the most important features of Wasp.
|
|
|
|
If you get stuck at any point (or just want to chat), reach out to us on [Discord](https://discord.gg/rzdnErX) and we will help you!
|
|
|
|
You can check out the complete code of the app we are about to build with Wasp [here](https://github.com/wasp-lang/wasp/tree/release/examples/tutorials/TodoApp).
|
|
|
|
:::tip
|
|
If you are interested at any moment in what is Wasp actually generating in the background, take a look at `.wasp/out/` directory in your project.
|
|
:::
|
|
|