Skip to content

Add Appwrite React library docs and launch post#3022

Open
atharvadeosthale wants to merge 4 commits into
mainfrom
react-library
Open

Add Appwrite React library docs and launch post#3022
atharvadeosthale wants to merge 4 commits into
mainfrom
react-library

Conversation

@atharvadeosthale
Copy link
Copy Markdown
Member

Adds the /docs/products/auth/react hub, rewrites the React, Next.js, and TanStack Start quickstarts to use @appwrite.io/react, and ships an announcement post under blog/post/announcing-appwrite-react-library.
Also updates /docs/sdks and adds a "React library" entry to the Auth sidebar.

Adds /docs/products/auth/react hub covering the provider, hooks, server helpers, handler routes, and OAuth flow. Rewrites the React, Next.js, and TanStack Start quickstarts to use @appwrite.io/react. Adds a launch blog post under blog/post/announcing-appwrite-react-library and a new "React library" entry in the Auth sidebar. Updates /docs/sdks to list the package.
@appwrite
Copy link
Copy Markdown

appwrite Bot commented May 25, 2026

Appwrite Website

Project ID: 69d7efb00023389e8d27

Sites (1)
Site Status Logs Preview QR
 website
69d7f2670014e24571ca
Ready Ready View Logs Preview URL QR Code

Website (appwrite/website)

Project ID: 684969cb000a2f6c0a02

Sites (1)
Site Status Logs Preview QR
 website
68496a17000f03d62013
Queued Queued View Logs Preview URL QR Code


Tip

Our Discord community has grown to 24K developers, and counting

@greptile-apps
Copy link
Copy Markdown
Contributor

greptile-apps Bot commented May 25, 2026

Greptile Summary

This PR introduces the @appwrite.io/react library across Appwrite's docs, adding a new /docs/products/auth/react reference hub, rewriting the React, Next.js, and TanStack Start quickstarts to use the library's AppwriteProvider and hooks, and shipping an announcement blog post.

  • New docs hub at /docs/products/auth/react covers the provider, all five auth hooks, server helpers, handler route configuration, and required API key scopes for both Next.js and TanStack Start.
  • Quickstarts rewritten from raw Web SDK usage to the new library; each now includes an API key creation step, environment variable setup, handler route mounting, and an SSR-aware auth panel example.
  • Blog post announces the library with working code snippets; the useAuth() hook usage is correctly placed inside a function component body.

Confidence Score: 5/5

Documentation-only change with no runtime code; safe to merge.

All changes are Markdoc documentation and AI prompt files. The SSR auth flow described (handler route, session cookie, server helpers) is internally consistent across the blog post, docs hub, and three quickstarts. No server-side secrets are exposed to the browser in any snippet, and the server-only boundary for @appwrite.io/react/server/* is clearly called out.

No files require special attention.

Important Files Changed

Filename Overview
src/routes/blog/post/announcing-appwrite-react-library/+page.markdoc New announcement blog post for the Appwrite React library; code snippets look coherent and the useAuth() usage is correctly wrapped inside a function component.
src/routes/docs/products/auth/react/+page.markdoc New React library reference doc covering provider, hooks, server helpers, and handlers; admin.account.list() usage (previously flagged) is present.
src/routes/docs/quick-starts/react/+page.markdoc Rewritten Vite/React quickstart now uses @appwrite.io/react; email input is missing type="email".
src/routes/docs/quick-starts/nextjs/+page.markdoc Rewritten Next.js quickstart uses SSR session cookies and the new library; email input in auth-panel.tsx snippet is missing type="email".
src/routes/docs/quick-starts/tanstack-start/+page.markdoc Rewritten TanStack Start quickstart; includes a helpful callout advising readers to move AppwriteProvider to __root.tsx for multi-route apps; email input missing type="email".
src/routes/docs/products/auth/+layout.svelte Adds 'React library' sidebar entry with a new badge expiring 30 June 2026.
src/routes/docs/sdks/+page.markdoc Adds React library 0.1.0 entry pointing to appwrite/sdk-for-react GitHub repo.

Reviews (2): Last reviewed commit: "Address Greptile review on PR #3022" | Re-trigger Greptile

Comment thread src/routes/docs/quick-starts/tanstack-start/+page.markdoc
Rewrites the AI quickstart prompts under react/, nextjs/, and tanstack-start/ to use @appwrite.io/react instead of the raw Appwrite Web SDK setup, mirroring the rewritten +page.markdoc files.
- Fix admin client example: call admin.account.list() instead of dereferencing the Account service
- Add multi-route guidance to the TanStack Start quickstart so readers know to move AppwriteProvider into __root.tsx in real apps
- Wrap the blog useAuth() snippet in a function component to satisfy the Rules of Hooks
- Format prompt.md files per prettier
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant