Appwrite Ssr Remix

Overview

The Almost CoverAlmost SSR - Remix is a demo application that showcases authorized server-side and client-side rendering. It uses the Appwrite platform and Remix, a JavaScript framework for building web applications. The application demonstrates how to set up and configure cookies for proper authentication and rendering on both the server and client sides.

Features

• Secure authorization using 1st party secure cookies
• Server-side rendering with cookies set on the SSR server hostname
• Client-side rendering with cookies set on the Appwrite server hostname
• Custom domain configuration for the Appwrite server hostname

Installation

1. Set up the Appwrite server.
2. Create a project called “almostSsr”.
3. Install the necessary libraries by running the command npm install.
4. Update the AppwriteEndpoint in the src/lib/AppwriteService.ts file with the proper endpoint.
5. Start the server by running the command npm run dev.
6. Deploy the frontend on your production domain, such as “myapp.com”.
7. Add the frontend domain as a trusted platform in your Appwrite project.
8. Add a custom domain to your Appwrite project, which is a subdomain of your frontend domain (e.g., “appwrite.myapp.com”).
9. Update the SsrHostname and AppwriteHostname in the src/lib/AppwriteService.ts file with the proper domains.

Summary

The Almost CoverAlmost SSR - Remix is a demo application that demonstrates how to achieve authorized server-side and client-side rendering using the Appwrite platform and Remix framework. It provides a step-by-step guide on setting up cookies for authentication and rendering on both the server and client sides. by ensuring that the cookies are properly scoped to the respective hostnames. This allows for seamless rendering and proper authorization for the user. Overall, the application showcases the capabilities of Appwrite and Remix in building secure and performant web applications.