diff --git a/.gitignore b/.gitignore
index d30f40e..538acb6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,7 @@
# See https://help.github.com/ignore-files/ for more about ignoring files.
+.next
+
# dependencies
/node_modules
diff --git a/package.json b/package.json
index e5cbad6..f14c317 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
"dependencies": {
"axios": "^0.19.0",
"bootstrap": "^4.3.1",
+ "next": "^9.5.3",
"paginate-array": "^2.1.0",
"react": "^16.10.2",
"react-content-loader": "^5.0.0",
@@ -15,8 +16,9 @@
"reactstrap": "^8.1.1"
},
"scripts": {
- "start": "react-scripts start",
- "build": "react-scripts build",
+ "dev": "next dev",
+ "start": "next start",
+ "build": "next build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
diff --git a/src/components/404Page.js b/src/components/404Page.js
deleted file mode 100644
index ae80161..0000000
--- a/src/components/404Page.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React, { Fragment } from 'react';
-import { NavLink } from 'react-router-dom'
-
-const NotFound = () => {
- return (
-
- 404 Not Found
- Click here to go back to home page
-
- );
-}
-
-export default NotFound
diff --git a/src/components/NavBar.js b/src/components/NavBar.js
index 81bea14..ace7929 100644
--- a/src/components/NavBar.js
+++ b/src/components/NavBar.js
@@ -5,43 +5,48 @@ import {
NavbarToggler,
NavbarBrand,
Nav,
- NavItem,
- NavLink } from 'reactstrap';
-import { Link } from 'react-router-dom'
+} from 'reactstrap';
+import { useRouter } from 'next/router'
+
+const Links = [
+ { name: 'Top', linkTo: '/' },
+ { name: 'New', linkTo: '/new' },
+ { name: 'Best', linkTo: '/best' },
+ { name: 'Ask', linkTo: '/ask' },
+ { name: 'Show', linkTo: '/show' },
+ { name: 'Jobs', linkTo: '/jobs' },
+]
+
+const GenLink = ({ name, linkTo }) => {
+ const router = useRouter()
+ return (
+
+ router.push(linkTo)}
+ style={{ cursor: 'pointer' }}>{name}
+
+ )
+}
const NavBar = () => {
const [isOpen, setIsOpen] = useState(false)
- const toggle = () => {
+ const toggle = () => {
setIsOpen(!isOpen)
}
return (
- HN React
+ HN React
diff --git a/src/pages/404.js b/src/pages/404.js
new file mode 100644
index 0000000..d069dd9
--- /dev/null
+++ b/src/pages/404.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import Link from 'next/link'
+
+const NotFound = () => {
+ return (
+ <>
+ 404 Not Found
+
+ Click here
+ {' '}
+ to go back to home page
+
+ );
+}
+
+export default NotFound
diff --git a/src/pages/_app.js b/src/pages/_app.js
new file mode 100644
index 0000000..8307183
--- /dev/null
+++ b/src/pages/_app.js
@@ -0,0 +1,21 @@
+import '../styles/index.css'
+import 'bootstrap/dist/css/bootstrap.min.css';
+import Head from 'next/head'
+import NavBar from '../components/NavBar'
+
+function MyApp({ Component, pageProps }) {
+ return (
+
+
+
HN React
+
+
+
+
+
+
+