feat(typescript): transformed app into typescript

Browse files

Files changed (12) hide show

.gitignore +1 -1
next.config.js +6 -3
package-lock.json +0 -0
package.json +12 -4
pages/_app.js +0 -7
pages/index.js +0 -30
src/pages/_app.tsx +6 -0
src/pages/_document.tsx +13 -0
src/pages/index.tsx +65 -0
{styles → src/styles}/Home.module.css +1 -4
{styles → src/styles}/globals.css +0 -0
tsconfig.json +23 -0

.gitignore CHANGED Viewed

@@ -32,4 +32,4 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
-next-env.d.ts

 # typescript
 *.tsbuildinfo
+next-env.d.ts

next.config.js CHANGED Viewed

@@ -1,4 +1,7 @@
 /** @type {import('next').NextConfig} */
-module.exports = {
-  output: 'standalone',
-}

 /** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: "standalone",
+  reactStrictMode: true,
+};
+module.exports = nextConfig;

package-lock.json CHANGED Viewed

The diff for this file is too large to render. See raw diff

package.json CHANGED Viewed

@@ -2,11 +2,19 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
-    "build": "next build"
   },
   "dependencies": {
-    "next": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
   }
 }

   "private": true,
   "scripts": {
     "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
   },
   "dependencies": {
+    "@types/node": "20.1.4",
+    "@types/react": "18.2.6",
+    "@types/react-dom": "18.2.4",
+    "eslint": "8.40.0",
+    "eslint-config-next": "13.4.2",
+    "next": "13.4.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "typescript": "5.0.4"
   }
 }

pages/_app.js DELETED Viewed

@@ -1,7 +0,0 @@
-import '../styles/globals.css'
-function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />
-}
-export default MyApp

pages/index.js DELETED Viewed

@@ -1,30 +0,0 @@
-import Head from 'next/head'
-import styles from '../styles/Home.module.css'
-export default function Home() {
-  return (
-    <div className={styles.container}>
-      <Head>
-        <title>nextjs-docker-starter</title>
-        <link rel="icon" href="/favicon.ico" />
-      </Head>
-      <main className={styles.main}>
-        <h1 className={styles.title}>
-          <a href="https://nextjs.org">Next.js</a> in Docker on 🤗 Spaces!
-        </h1>
-      </main>
-      <footer className={styles.footer}>
-        <a
-          href="https://failfa.st"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Powered by{' '}
-          <img src="/failfast.svg" alt="failfast Logo" className={styles.logo} />
-        </a>
-      </footer>
-    </div>
-  )
-}

src/pages/_app.tsx ADDED Viewed

	@@ -0,0 +1,6 @@

+import "@/styles/globals.css";
+import type { AppProps } from "next/app";
+export default function App({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />;
+}

src/pages/_document.tsx ADDED Viewed

	@@ -0,0 +1,13 @@

+import { Html, Head, Main, NextScript } from 'next/document'
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  )
+}

src/pages/index.tsx ADDED Viewed

	@@ -0,0 +1,65 @@

+import Head from "next/head";
+import styles from "@/styles/Home.module.css";
+export default function Home() {
+  return (
+    <>
+      <div className={styles.container}>
+        <Head>
+          <title>nextjs-docker-starter</title>
+          <link rel="icon" href="/favicon.ico" />
+          <meta name="description" content="Next.js in Docker on 🤗 Spaces" />
+          <meta name="viewport" content="width=device-width, initial-scale=1" />
+        </Head>
+        <main className={styles.main}>
+          <h1 className={styles.title}>
+            <a
+              href="https://nextjs.org"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Next.js
+            </a>{" "}
+            in{" "}
+            <a
+              href="https://www.docker.com"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Docker
+            </a>{" "}
+            on 🤗{" "}
+            <a
+              href="https://huggingface.co/spaces"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Spaces
+            </a>
+            !
+          </h1>
+        </main>
+        <footer className={styles.footer}>
+          <a href="https://failfa.st" target="_blank" rel="noopener noreferrer">
+            Powered by{" "}
+            <img
+              src="/failfast.svg"
+              alt="failfast Logo"
+              className={styles.logo}
+            />
+          </a>
+          <a
+            href="https://github.com/failfa-st/nextjs-docker-starter"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {" "}
+            Contribute on GitHub
+          </a>
+        </footer>
+      </div>
+    </>
+  );
+}

{styles → src/styles}/Home.module.css RENAMED Viewed

@@ -25,10 +25,6 @@
   align-items: center;
 }
-.footer img {
-  margin-left: 0.5rem;
-}
 .footer a {
   display: flex;
   justify-content: center;
@@ -68,6 +64,7 @@
 .logo {
   height: 3em;
 }
 @media (max-width: 600px) {

   align-items: center;
 }
 .footer a {
   display: flex;
   justify-content: center;
 .logo {
   height: 3em;
+  margin: 0 0.5rem;
 }
 @media (max-width: 600px) {

{styles → src/styles}/globals.css RENAMED Viewed

File without changes

tsconfig.json ADDED Viewed

	@@ -0,0 +1,23 @@

+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}