diff --git a/components/content.tsx b/components/content.tsx
index ccb688c..5fc7ec2 100644
--- a/components/content.tsx
+++ b/components/content.tsx
@@ -1,10 +1,12 @@
-function Item({ item }) {
+import ItemInterface from 'data/data-types';
+
+function Item({ item }: { item: ItemInterface }) {
   return (
     <div className="border border-gray-400 rounded-md shadow my-8 p-4 flex flex-col sm:flex-row hover:border-gray-500 ease-linear transition duration-150">
       <div className="mx-auto pr-4 text-center">
         <div className="text-4xl align-top sm:-mt-1">⬆️</div>
         <div className="border border-blue-800 bg-blue-300 rounded max-">
-          {item.votes}
+          {item.votes.length}
         </div>
       </div>
       <div className="content flex-grow">
@@ -19,7 +21,7 @@ function Item({ item }) {
   );
 }
 
-export default function Content({ items }) {
+export default function Content({ items }: { items: ItemInterface[] }) {
   return (
     <ul className="container mx-auto my-2 max-w-6xl">
       {items.map((item) => (
diff --git a/components/sign-in.tsx b/components/sign-in.tsx
index 96844e1..982166f 100644
--- a/components/sign-in.tsx
+++ b/components/sign-in.tsx
@@ -1,6 +1,7 @@
 import { useSession } from 'next-auth/client';
 import { signin, signout } from 'next-auth/client';
 
+// @ts-expect-error
 function ExampleSession({ session }) {
   return (
     <p>
@@ -29,7 +30,7 @@ export default function SignIn() {
       <div>{session ? `Welcome ${session.user.name}` : null}</div>
       <div>
         {session ? (
-          <button onClick={signout}>Sign out</button>
+          <button onClick={() => signout()}>Sign out</button>
         ) : (
           <button onClick={() => signin('github')}>Sign in</button>
         )}
diff --git a/data/data-types.ts b/data/data-types.ts
new file mode 100644
index 0000000..806a620
--- /dev/null
+++ b/data/data-types.ts
@@ -0,0 +1,24 @@
+type ObjectId = string;
+
+export enum ItemCategory {
+  Tutorial = 'Tutorial',
+  Opinion = 'Opinion',
+  Vlog = 'Vlog',
+}
+
+export interface ItemVote {
+  userId: ObjectId;
+  created: Date;
+}
+
+export default interface Item {
+  _id: ObjectId;
+  title: string;
+  description: string;
+  created: Date;
+  updated: Date;
+  category: ItemCategory;
+  createdBy: ObjectId;
+  status: 'open' | 'accepted' | 'declined' | 'completed';
+  votes: ItemVote[];
+}
diff --git a/hooks/api-hooks.ts b/hooks/api-hooks.ts
index f1a4e2f..36d14b2 100644
--- a/hooks/api-hooks.ts
+++ b/hooks/api-hooks.ts
@@ -1,10 +1,13 @@
 import { useQuery, useMutation, queryCache } from 'react-query';
+import Item from 'data/data-types';
 
 export function useItems() {
-  return useQuery('items', () => fetch('/api/items').then((res) => res.json()));
+  return useQuery<Item[], unknown, string>('items', () =>
+    fetch('/api/items').then((res) => res.json())
+  );
 }
 
-const addItem = (body) => {
+const addItem = (body: Partial<Item>) => {
   return fetch('/api/items', {
     method: 'POST',
     body: JSON.stringify(body),
@@ -20,9 +23,13 @@ export function useAddItem() {
 }
 
 export function useClearItems() {
-  return useMutation(() => fetch('/api/items', { method: 'DELETE' }), {
-    onSuccess() {
-      queryCache.invalidateQueries('items');
-    },
-  });
+  return useMutation(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    (e_: unknown) => fetch('/api/items', { method: 'DELETE' }),
+    {
+      onSuccess() {
+        queryCache.invalidateQueries('items');
+      },
+    }
+  );
 }
diff --git a/package.json b/package.json
index c416594..8e1652a 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "tailwindcss": "^1.6.0"
   },
   "devDependencies": {
+    "@types/faker": "^4.1.12",
     "@types/node": "^14.0.27",
     "@types/react": "^16.9.43",
     "@typescript-eslint/eslint-plugin": "^3.7.1",
diff --git a/pages/_app.js b/pages/_app.tsx
similarity index 70%
rename from pages/_app.js
rename to pages/_app.tsx
index ee2da19..c7fcf5b 100644
--- a/pages/_app.js
+++ b/pages/_app.tsx
@@ -1,7 +1,9 @@
 import '../styles/tailwind.css';
+import type { AppProps } from 'next/app';
+// @ts-expect-error
 import { Provider } from 'next-auth/client';
 
-function MyApp({ Component, pageProps }) {
+function MyApp({ Component, pageProps }: AppProps) {
   const { session } = pageProps;
   return (
     <Provider options={{ site: process.env.SITE }} session={session}>
diff --git a/pages/api/auth/[...nextauth].js b/pages/api/auth/[...nextauth].js
index 8109b81..830aac4 100644
--- a/pages/api/auth/[...nextauth].js
+++ b/pages/api/auth/[...nextauth].js
@@ -11,7 +11,7 @@ const options = {
     }),
   ],
 
-  //   database: process.env.DATABASE_URL,
+  // database: process.env.DATABASE_URL,
 };
 
 export default (req, res) => NextAuth(req, res, options);
diff --git a/pages/api/hello.ts b/pages/api/hello.ts
deleted file mode 100644
index 07d9d9b..0000000
--- a/pages/api/hello.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-
-export default (req, res) => {
-  res.statusCode = 200;
-  res.json({ name: 'John Doe' });
-};
diff --git a/pages/api/items.ts b/pages/api/items.ts
index fcb8dfc..6769808 100644
--- a/pages/api/items.ts
+++ b/pages/api/items.ts
@@ -1,17 +1,21 @@
 import { NextApiRequest, NextApiResponse } from 'next';
-
 import faker from 'faker';
+import Item, { ItemCategory } from 'data/data-types';
 
 faker.seed(1);
 
-function generateItem({ title = null, description = null } = {}) {
+function generateItem({ title = null, description = null } = {}): Item {
   return {
     _id: faker.random.uuid(),
     title: title ?? faker.lorem.words(),
     description: description ?? faker.lorem.paragraph(),
-    created: faker.date.past().toUTCString(),
-    updated: faker.date.past().toUTCString(),
-    category: faker.random.arrayElement(['Tutorial', 'Opinion', 'Vlog']),
+    created: faker.date.past(),
+    updated: faker.date.past(),
+    category: faker.random.arrayElement([
+      ItemCategory.Tutorial,
+      ItemCategory.Opinion,
+      ItemCategory.Vlog,
+    ]),
     createdBy: faker.random.uuid(),
     status: faker.random.arrayElement([
       'open',
@@ -19,20 +23,17 @@ function generateItem({ title = null, description = null } = {}) {
       'declined',
       'completed',
     ]),
-    votes: faker.random.number(100),
-    // votes: {
-    //   up: [],
-    //   down: [],
-    // },
+    votes: [],
   };
 }
 
-let postRequests = [];
+let postRequests: Item[] = [];
 
 export default (req: NextApiRequest, res: NextApiResponse) => {
   const items = postRequests
     // @ts-expect-error
     .concat([...Array(10).keys()])
+    // @ts-ignore
     .map((item) => generateItem(typeof item === 'number' ? undefined : item));
 
   if (req.method === 'GET') {
diff --git a/pages/index.tsx b/pages/index.tsx
index b6edc38..f81ba5f 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -20,7 +20,7 @@ export default function Home() {
 
       <SignIn />
       <AddItemForm />
-      {isSuccess && <Content items={data} />}
+      {isSuccess && data && <Content items={data} />}
     </div>
   );
 }
diff --git a/tsconfig.json b/tsconfig.json
index 3dc23ce..1574a7b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,7 +8,8 @@
     ],
     "allowJs": true,
     "skipLibCheck": true,
-    "strict": false,
+    "strict": true,
+    "typeRoots": ["./typings", "./node_modules/@types"],
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "esModuleInterop": true,
diff --git a/typings/next-auth.d.ts b/typings/next-auth.d.ts
new file mode 100644
index 0000000..574a938
--- /dev/null
+++ b/typings/next-auth.d.ts
@@ -0,0 +1,85 @@
+// source: https://github.com/nextauthjs/next-auth/pull/220
+declare module 'next-auth/client' {
+  // Minimum TypeScript Version: 3.8
+  import { IncomingMessage } from 'http';
+
+  interface Session {
+    user: {
+      name: string;
+      email: string;
+      image: string;
+    };
+    accessToken: string;
+    expires: string;
+  }
+
+  interface GetProvidersResponse {
+    [provider: string]: Provider;
+  }
+
+  interface Provider {
+    id: string;
+    name: string;
+    type: string;
+    signinUrl: string;
+    callbackUrl: string;
+  }
+
+  interface GenericObject {
+    [key: string]: any;
+  }
+
+  declare function useSession(): [Session, boolean];
+  declare function getSession(context: NextContext): Promise<Session | null>;
+  declare function session(context: NextContext): Promise<Session | null>;
+  declare function getProviders(
+    context: NextContext
+  ): Promise<GetProvidersResponse | null>;
+  declare function providers(
+    context: NextContext
+  ): Promise<GetProvidersResponse | null>;
+  declare function getCsrfToken(context: NextContext): Promise<string | null>;
+  declare function csrfToken(context: NextContext): Promise<string | null>;
+  declare function signin(
+    provider: Provider | string,
+    data?: GenericObject
+  ): Promise<void>;
+  declare function signout(context?: NextContext): Promise<void>;
+
+  export {
+    useSession,
+    getSession,
+    session,
+    getProviders,
+    providers,
+    getCsrfToken,
+    csrfToken,
+    signin,
+    signout,
+  };
+  export type { Session };
+
+  /**
+   * TODO: `dtslint` throws when parsing Next types... the following types are copied directly from `next/types` ...
+   * @see https://github.com/microsoft/dtslint/issues/297
+   */
+
+  interface NextApiRequest extends IncomingMessage {
+    query: {
+      [key: string]: string | string[];
+    };
+    cookies: {
+      [key: string]: string;
+    };
+    body: any;
+    env: Env;
+  }
+
+  interface NextContext {
+    req: NextApiRequest;
+  }
+
+  interface Env {
+    [key: string]: string;
+  }
+}
diff --git a/yarn.lock b/yarn.lock
index 714628b..29d010b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1052,6 +1052,11 @@
   resolved "https://registry.yarnpkg.com/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
   integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
 
+"@types/faker@^4.1.12":
+  version "4.1.12"
+  resolved "https://registry.yarnpkg.com/@types/faker/-/faker-4.1.12.tgz#065d37343677df1aa757c622650bd14666c42602"
+  integrity sha512-0MEyzJrLLs1WaOCx9ULK6FzdCSj2EuxdSP9kvuxxdBEGujZYUOZ4vkPXdgu3dhyg/pOdn7VCatelYX7k0YShlA==
+
 "@types/json-schema@^7.0.3", "@types/json-schema@^7.0.4":
   version "7.0.5"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.5.tgz#dcce4430e64b443ba8945f0290fb564ad5bac6dd"