Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Sooraj-s-98/Preact-appwrite-blog
A simple todo app built with Appwrite and Preact
https://github.com/Sooraj-s-98/Preact-appwrite-blog
appwrite hacktoberfest2022 preact
Last synced: about 1 month ago
JSON representation
A simple todo app built with Appwrite and Preact
- Host: GitHub
- URL: https://github.com/Sooraj-s-98/Preact-appwrite-blog
- Owner: Sooraj-s-98
- License: mit
- Created: 2022-10-22T13:06:14.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2022-10-22T15:46:34.000Z (over 1 year ago)
- Last Synced: 2024-05-01T15:23:09.934Z (2 months ago)
- Topics: appwrite, hacktoberfest2022, preact
- Language: JavaScript
- Homepage:
- Size: 388 KB
- Stars: 1
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Lists
- awesome-appwrite - Source Code
README
# 🔖 Blog With Preact + Appwrite
A simple blog app built with Appwrite and Preact
https://user-images.githubusercontent.com/52352285/197347993-261dedb9-8f17-43e7-a978-ef90a69eb70a.mov
We need to make a few configuration changes to your Appwrite server.
1. Add a new Web App in Appwrite and enter the endpoint of your website (localhost, .vercel.app etc)
2. Create a new collection with the following properties
3. Add the following permissions to your collection.
## 🎬 Getting Started
### 🤘 Install Appwrite
Follow our simple [Installation Guide](https://appwrite.io/docs/installation) to get Appwrite up and running in no time. You can either deploy Appwrite on your local machine or, on any cloud provider of your choice.
> Note: If you setup Appwrite on your local machine, you will need to create a public IP so that your hosted frontend can access it.
We need to make a few configuration changes to your Appwrite server.
### 🚀 Deploy the Front End
You have two options to deploy the front-end and we will cover both of them here. In either case, you will need to fill in these environment variables that help your frontend connect to Appwrite.
* PREACT_APP_ENDPOINT - Your Appwrite endpoint
* PREACT_APP_PROJECT - Your Appwrite project ID
* PREACT_APP_COLLECTION_ID - Your Appwrite collection ID
* PREACT_APP_DATABASE_ID - Your Appwrite database ID
### **Run locally**
Follow these instructions to run the demo app locally
```sh
$ git clone https://github.com/Sooraj-s-98/Preact-appwrite-blog
$ cd Preact-appwrite-blog
```
Run the following command to generate your `.env` vars
```sh
$ cp .env.example .env
```
Now fill in the envrionment variables we discussed above in your `.env`
Now run the following commands and you should be good to go 💪🏼
```
$ npm install
$ npm run dev
```