added example pages

Author: clfhhc

configs/publicRuntimeConfig.js

@@ -1,29 +1 @@
-const { name, keywords } = require('../package.json');
-
-const staticOptimization = true;
-const displayName = 'Nextjs_Ts_Eslint';
-const themeColor = 'red';
-const png192Path = '/static/icons/icon192x192.png';
-const png512Path = '/static/icons/icon512x512.png';
-const favIconPath = '/static/icons/favicon.ico';
-
-const isProd = process.env.NODE_ENV === 'production';
-const prodAssetPrefix = '/' + name;
-const serviceWorkerFilename = 'service-worker.js';
-const commonKeywords = keywords.join(',');
-const manifestPath = '/static/manifest.json';
-
-module.exports = {
-  linkPrefix: isProd ? prodAssetPrefix : '',
-  isProd,
-  prodAssetPrefix,
-  serviceWorkerFilename,
-  displayName,
-  themeColor,
-  commonKeywords,
-  staticOptimization,
-  png192Path,
-  png512Path,
-  favIconPath,
-  manifestPath,
-};
+module.exports = {};

next-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />

package.json

@@ -1,7 +1,7 @@
 {
   "name": "Nextjs_Ts_Eslint",
   "version": "1.0.0",
-  "description": "Github PWA Project Setup with NextJs, Typescript, Redux, AMP etc.",
+  "description": "Example Project Setup with NextJs, Typescript, Eslint, Jest and Emotion.",
   "main": "index.js",
   "scripts": {
     "dev": "next",
@@ -11,8 +11,7 @@
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "help": "next export -h",
-    "export": "npm run build && next export",
-    "deploy": "NODE_ENV=production npm run build && next export -o docs && touch docs/.nojekyll"
+    "export": "npm run build && next export"
   },
   "repository": {
     "type": "git",

pages/index.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { NextPage } from 'next';
+
+const IndexPage: NextPage = () => <div>hello index</div>;
+
+export default IndexPage;

pages/index/[id].tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { GetStaticProps, GetStaticPaths, NextPage } from 'next';
+import { useRouter } from 'next/router';
+
+export interface Props {
+  id?: string;
+}
+
+const IndexPage: NextPage<Props> = ({ id }) => {
+  const router = useRouter();
+  return (
+    <div>
+      Param:
+      {router.isFallback ? 'Hold on' : id}
+    </div>
+  );
+};
+
+export const getStaticProps: GetStaticProps<Props> = async ({ params }) => {
+  return { props: params ?? {} };
+};
+
+export const getStaticPaths: GetStaticPaths = async () => ({
+  paths: [{ params: { id: '1' } }],
+  fallback: true,
+});
+export default IndexPage;