Redirect from index page, added endpoint field

Author: SanjayDevTech

README.md

@@ -85,7 +85,7 @@ Use `sample.env` as a reference.
 
 Go to the Appwrite console and get the following details from the project you created.
 
-- host
+- endpoint
 - project id
 - database id
 - collection id

hooks/appwrite/useAppwrite.ts

@@ -1,4 +1,3 @@
-import { Models, Databases } from "appwrite";
 import { IAccountOps, IBucketOps, ICollectionOps } from "./types";
 import useAccount from "./useAccount";
 import useBucket from "./useBucket";
@@ -11,9 +10,8 @@ export default function useAppwrite(): [
   IBucketOps
 ] {
   const client = useClient(
-    process.env.NEXT_PUBLIC_APPWRITE_HOST,
+    process.env.NEXT_PUBLIC_APPWRITE_ENDPOINT,
     process.env.NEXT_PUBLIC_APPWRITE_PROJECT,
-    process.env.NEXT_PUBLIC_APPWRITE_SSL === "true"
   );
 
   const account = useAccount(client);

hooks/appwrite/useClient.ts

@@ -1,16 +1,24 @@
 import { Account, Client, Databases } from "appwrite";
 import { useMemo } from "react";
 
+function normalizeEndpoint(
+  endpoint: string,
+): string {
+  if (endpoint.endsWith("/")) {
+    return endpoint.substring(0, endpoint.length - 1);
+  }
+  return endpoint;
+}
+
 export default function useClient(
-  host: string,
-  projectId: string,
-  ssl?: boolean
+  endpoint: string,
+  projectId: string
 ): Client {
   const client = useMemo(() => {
     return new Client()
-      .setEndpoint(`http${ssl ? "s" : ""}://${host}/v1`)
+      .setEndpoint(normalizeEndpoint(endpoint))
       .setProject(projectId);
-  }, [host, projectId]);
+  }, [endpoint, projectId]);
 
   return client;
 }

pages/index.tsx

@@ -1,12 +1,23 @@
-import Head from "next/head";
-import Image from "next/image";
-import MyHead from "../components/head";
-import styles from "../styles/Home.module.css";
+import { useRouter } from "next/router";
+import { useEffect } from "react";
+import { Text } from "@chakra-ui/react";
+import useAppwrite from "../hooks/appwrite/useAppwrite";
 
 export default function Home() {
-  return (
-    <div className={styles.container}>
-      <MyHead />
-    </div>
-  );
+  const [account] = useAppwrite();
+  const router = useRouter();
+
+  useEffect(() => {
+    if (!account.loading) {
+      if (account.user) {
+        router.push("/feed");
+      } else {
+        router.push("/auth");
+      }
+    }
+  }, [account.user, account.loading]);
+
+  if (account.loading) return <Text>Loading...</Text>;
+
+  return <></>;
 }

sample.env

@@ -1,5 +1,4 @@
-NEXT_PUBLIC_APPWRITE_HOST=<host>
-NEXT_PUBLIC_APPWRITE_SSL=<true | false>
+NEXT_PUBLIC_APPWRITE_ENDPOINT=<host>
 NEXT_PUBLIC_APPWRITE_PROJECT=<project id>
 NEXT_PUBLIC_APPWRITE_DATABASE=<database id>
 NEXT_PUBLIC_APPWRITE_COLLECTION=<collection id>