Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ericvida/imba-instantdb-template
The Easiest Web Dev Stack
https://github.com/ericvida/imba-instantdb-template
Last synced: about 1 month ago
JSON representation
The Easiest Web Dev Stack
- Host: GitHub
- URL: https://github.com/ericvida/imba-instantdb-template
- Owner: ericvida
- Created: 2024-05-27T08:41:10.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-05-29T00:23:36.000Z (6 months ago)
- Last Synced: 2024-05-30T00:03:19.137Z (6 months ago)
- Language: Imba
- Size: 293 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Imba + InstantDB — The simplest web-stack.
Get your app up and running in 1 minute with Imba and InstantDB.
![App Screenshot](./screenshot-01.jpg)
## Setup Imba Project
1. **Clone Repo**
```
git clone https://github.com/ericvida/imba-instantdb-template.git app-folder-name
```
2. **Open directory**
```
cd ./app-folder-name
```
3. **Install Dependencies**:
```
npm install
```
4. **Run the App local server**:
```
npm run dev
```## Setup InstantDB
**Prerequisite**: Sign up and login to [instantdb.com](https://instantdb.com).
![App Screenshot](./screenshot-02.jpg)
1. Click on `+ new app`
2. Copy APP's ID and paste it into string on line 1 of [src/main.imba]() file.
3. Open the `Explorer` Tab on your App dashboard
4. Click on `+ create` and create a namespace called **notes** in lowercase.
5. Click on the new `notes` namespace.
6. Click on the `Edit Schema` button on the top right.
7. Click on `+ New attribute`
8. Type **content** in Name input field.
- Leave constraints unchecked.
9. Click on `Create Attribute`
10. Click here to view your working app in your browser: [https://localhost:3000](https://localhost:3000)
![App Screenshot](./screenshot-gif.gif)