diff --git a/pages/404.js b/pages/404.tsx
similarity index 100%
rename from pages/404.js
rename to pages/404.tsx
diff --git a/pages/_app.js b/pages/_app.tsx
similarity index 86%
rename from pages/_app.js
rename to pages/_app.tsx
index ee0ce25..fca65d0 100644
--- a/pages/_app.js
+++ b/pages/_app.tsx
@@ -4,11 +4,12 @@ import Head from 'next/head';
 import { ToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 import { SessionProvider } from 'next-auth/react';
+import { AppProps } from 'next/app';
 
 //Components
 import Layout from '../Components/UI/Layout/Layout';
 
-export default function MyApp({ Component, pageProps }) {
+export default function MyApp({ Component, pageProps }: AppProps) {
   return (
     <SessionProvider session={pageProps.session}>
       <Layout>
diff --git a/pages/index.js b/pages/index.tsx
similarity index 84%
rename from pages/index.js
rename to pages/index.tsx
index b4db2c8..e67fa7e 100644
--- a/pages/index.js
+++ b/pages/index.tsx
@@ -1,11 +1,12 @@
 //Lib
-import { authOptions } from '../pages/api/auth/[...nextauth]';
+import { authOptions } from './api/auth/[...nextauth]';
 import { getServerSession } from 'next-auth/next';
 import { useSession } from 'next-auth/react';
 import Head from 'next/head';
 
 //Lib
 import RepoList from '../Containers/RepoList/RepoList';
+import { GetServerSidePropsContext } from 'next';
 
 export default function Index() {
   const { status } = useSession();
@@ -30,7 +31,7 @@ export default function Index() {
   );
 }
 
-export async function getServerSideProps(context) {
+export async function getServerSideProps(context: GetServerSidePropsContext) {
   //Var
   const session = await getServerSession(context.req, context.res, authOptions);