Merge pull request #176 from relative-ci/app-router

vio · web-flow · commit 5e94f23e791c · 2025-10-26T23:32:54.000+01:00
refactor: Migrate to app router
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -0,0 +1,7 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
+/// <reference path="./.next/types/routes.d.ts" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,12 +14,13 @@
   "license": "ISC",
   "devDependencies": {
     "@relative-ci/webpack-plugin": "5.1.0",
+    "@types/node": "24.9.1",
     "eslint": "8.57.0",
     "eslint-config-next": "15.5.6"
   },
   "dependencies": {
-    "@ant-design/cssinjs": "1.24.0",
     "@ant-design/compatible": "5.1.4",
+    "@ant-design/cssinjs": "1.24.0",
     "@ant-design/icons": "5.3.7",
     "@ant-design/pro-components": "2.8.10",
     "antd": "5.27.6",
diff --git a/src/app/about/page.jsx b/src/app/about/page.jsx
@@ -0,0 +1,16 @@
+"use client"
+
+import { PageHeader } from '../../layout/page-header';
+import { Main } from '../../layout/main';
+import { About } from '../../components/about';
+
+export default function AboutPage() {
+  return (
+    <>
+      <PageHeader title="About" />
+      <Main>
+        <About />
+      </Main>
+    </>
+  );
+}
diff --git a/src/app/layout.jsx b/src/app/layout.jsx
@@ -0,0 +1,20 @@
+import 'antd/dist/reset.css';
+
+import { Layout } from '../layout';
+
+export const metadata = {
+  title: 'Next.js',
+  description: 'Generated by Next.js',
+}
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>
+        <Layout>
+          {children}
+        </Layout>
+      </body>
+    </html>
+  )
+}
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -1,18 +1,15 @@
-import React from 'react';
-import { useRouter } from 'next/router';
+"use client"
 
 import { PageHeader } from '../layout/page-header';
 import { Main } from '../layout/main';
 import { NotFound } from '../components/not-found';
 
 export default function NotFoundPage() {
-  const router = useRouter();
-
   return (
     <>
       <PageHeader title="Not found" />
       <Main>
-        <NotFound location={router.pathname} />
+        <NotFound />
       </Main>
     </>
   );
diff --git a/src/app/page.jsx b/src/app/page.jsx
@@ -1,4 +1,5 @@
-import React from 'react';
+"use client"
+
 import Link from 'next/link';
 import { Divider } from 'antd';
 
diff --git a/src/app/repos/[owner]/[repo]/page.jsx b/src/app/repos/[owner]/[repo]/page.jsx
@@ -1,9 +1,10 @@
-import React from 'react';
+"use client"
+
 import { useRouter } from 'next/router';
 
-import { PageHeader } from '../../../layout/page-header';
-import { Main } from '../../../layout/main';
-import { RepoDetails } from '../../../components/repo-details';
+import { PageHeader } from '../../../../layout/page-header';
+import { Main } from '../../../../layout/main';
+import { RepoDetails } from '../../../../components/repo-details';
 
 export default function RepoDetailsPage(all) {
   const router = useRouter();
diff --git a/src/app/repos/page.jsx b/src/app/repos/page.jsx
@@ -0,0 +1,16 @@
+"use client"
+
+import { PageHeader } from '@/layout/page-header';
+import { Main } from '@/layout/main';
+import { RepoList } from '@/components/repo-list';
+
+export default function ReposPage() {
+  return (
+    <>
+      <PageHeader title="Examples" />
+      <Main>
+        <RepoList />
+      </Main>
+    </>
+  );
+}
diff --git a/src/components/not-found.jsx b/src/components/not-found.jsx
@@ -1,12 +1,17 @@
+"use client";
+
 import React from 'react';
 import Link from 'next/link';
+import { usePathname } from 'next/navigation';
 import { Typography } from 'antd';
 
-export function NotFound({ location }) {
+export function NotFound() {
+  const pathname = usePathname();
+
   return (
     <div>
       <Typography.Paragraph>
-        <code>{location}</code>
+        <code>{pathname}</code>
         {' '}
         does not exit.
       </Typography.Paragraph>
diff --git a/src/layout/index.jsx b/src/layout/index.jsx
@@ -1,9 +1,11 @@
+"use client"
+
 import React from 'react';
 import { Layout as UILayout } from 'antd';
-import 'antd/dist/reset.css';
 
 import { Header } from '../components/header';
 import { Footer } from '../components/footer';
+
 import css from './index.module.css';
 
 export function Layout({ children }) {
diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
diff --git a/src/pages/about.jsx b/src/pages/about.jsx
diff --git a/src/pages/repos.jsx b/src/pages/repos.jsx
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,42 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "target": "ES2017",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "noEmit": true,
+    "incremental": true,
+    "module": "esnext",
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "strictNullChecks": true
+  },
+  "include": [
+    "next-env.d.ts",
+    ".next/types/**/*.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
