mirror of
https://github.com/LukeHagar/website.git
synced 2025-12-10 04:22:18 +00:00
61 lines
1.8 KiB
Plaintext
61 lines
1.8 KiB
Plaintext
---
|
|
layout: tutorial
|
|
title: Set up Appwrite
|
|
description: Import and initialize Appwrite for your React Native application.
|
|
step: 3
|
|
---
|
|
|
|
# Create project {% #create-project %}
|
|
|
|
Head to the [Appwrite Console](https://cloud.appwrite.io/console).
|
|
|
|
{% only_dark %}
|
|

|
|
{% /only_dark %}
|
|
{% only_light %}
|
|

|
|
{% /only_light %}
|
|
|
|
If this is your first time using Appwrite, create an account and create your first project.
|
|
|
|
Then, under **Add a platform**, add a **Android** or **Apple** platform with the package/bundle ID `com.example.idea-tracker`.
|
|
|
|
{% only_dark %}
|
|

|
|
{% /only_dark %}
|
|
{% only_light %}
|
|

|
|
{% /only_light %}
|
|
|
|
You can skip optional steps.
|
|
|
|
# Initialize Appwrite SDK {% #init-sdk %}
|
|
|
|
To use Appwrite in our React Native app, you'll need to find our project ID.
|
|
Find your project's ID in the **Settings** page.
|
|
|
|
{% only_dark %}
|
|

|
|
{% /only_dark %}
|
|
{% only_light %}
|
|

|
|
{% /only_light %}
|
|
|
|
Create a new file `lib/appwrite.js` to hold our Appwrite related code.
|
|
Only one instance of the `Client()` class should be created per app.
|
|
Add the following code to it, replacing `<YOUR_PROJECT_ID>` with your project ID.
|
|
|
|
```js
|
|
import { Client, Databases, Account } from "react-native-appwrite";
|
|
|
|
const client = new Client();
|
|
client
|
|
.setEndpoint("https://cloud.appwrite.io/v1")
|
|
.setProject("<YOUR_PROJECT_ID>") // Replace with your project ID
|
|
.setPlatform('com.example.idea-tracker');
|
|
|
|
|
|
export const account = new Account(client);
|
|
export const databases = new Databases(client);
|
|
```
|