Refactor page components

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "license": "BSD-4-Clause",
   "scripts": {
-    "dev": "NODE_ENV=dev next",
+    "dev": "next",
     "serve:out": "serve out",
     "build": "./scripts/build.sh",
     "deploy": "NODE_DEBUG=gh-pages gh-pages -d out -t",

pages/[roadmap].tsx

@@ -1,13 +1,13 @@
 import { Box, Button, Container, Link, Stack } from '@chakra-ui/react';
 import { DownloadIcon, EmailIcon } from '@chakra-ui/icons';
-import { GlobalHeader } from '../../components/global-header';
+import { GlobalHeader } from '../components/global-header';
-import { OpensourceBanner } from '../../components/opensource-banner';
+import { OpensourceBanner } from '../components/opensource-banner';
-import { UpdatesBanner } from '../../components/updates-banner';
+import { UpdatesBanner } from '../components/updates-banner';
-import { Footer } from '../../components/footer';
+import { Footer } from '../components/footer';
-import { PageHeader } from '../../components/page-header';
+import { PageHeader } from '../components/page-header';
-import { getAllRoadmaps, getRoadmapById, RoadmapType } from '../../lib/roadmap';
+import { getAllRoadmaps, getRoadmapById, RoadmapType } from '../lib/roadmap';
-import MdRenderer from '../../components/md-renderer';
+import MdRenderer from '../components/md-renderer';
-import Helmet from '../../components/helmet';
+import Helmet from '../components/helmet';
 
 type RoadmapProps = {
   roadmap: RoadmapType;
@@ -36,7 +36,7 @@ function TextualRoadmap(props: RoadmapProps) {
 
   // Remove trailing slashes
   const normalizedPath = roadmap.contentPath.replace(/^\//, '');
-  const RoadmapContent = require(`../../content/${normalizedPath}`).default;
+  const RoadmapContent = require(`../content/${normalizedPath}`).default;
 
   return (
     <Container maxW={'container.md'} position='relative'>

pages/guides/index.tsx

@@ -5,7 +5,7 @@ import { LinksListItem } from '../../components/links-list-item';
 import { OpensourceBanner } from '../../components/opensource-banner';
 import { UpdatesBanner } from '../../components/updates-banner';
 import { Footer } from '../../components/footer';
-import { GuideGridItem } from './components/guide-grid-item';
+import { GuideGridItem } from '../../components/guide/guide-grid-item';
 import { PageHeader } from '../../components/page-header';
 import { getAllGuides, GuideType } from '../../lib/guide';
 import Helmet from '../../components/helmet';

pages/index.tsx

@@ -7,7 +7,7 @@ import { DimmedMore } from '../components/dimmed-more';
 import { LinksListItem } from '../components/links-list-item';
 import { VideoIcon } from '../icons/video-icon';
 import { LinksList } from '../components/links-list';
-import { HomeRoadmapItem } from './roadmaps/components/home-roadmap-item';
+import { HomeRoadmapItem } from '../components/roadmap/home-roadmap-item';
 import { getFeaturedRoadmaps, RoadmapType } from '../lib/roadmap';
 import { getAllGuides, GuideType } from '../lib/guide';
 import { getAllVideos, VideoType } from '../lib/video';

pages/roadmaps.tsx

@@ -1,12 +1,12 @@
 import { Box, Container, SimpleGrid } from '@chakra-ui/react';
-import { GlobalHeader } from '../../components/global-header';
+import { GlobalHeader } from '../components/global-header';
-import { OpensourceBanner } from '../../components/opensource-banner';
+import { OpensourceBanner } from '../components/opensource-banner';
-import { UpdatesBanner } from '../../components/updates-banner';
+import { UpdatesBanner } from '../components/updates-banner';
-import { Footer } from '../../components/footer';
+import { Footer } from '../components/footer';
-import { PageHeader } from '../../components/page-header';
+import { PageHeader } from '../components/page-header';
-import { RoadmapGridItem } from './components/roadmap-grid-item';
+import { RoadmapGridItem } from '../components/roadmap/roadmap-grid-item';
-import { getAllRoadmaps, RoadmapType } from '../../lib/roadmap';
+import { getAllRoadmaps, RoadmapType } from '../lib/roadmap';
-import Helmet from '../../components/helmet';
+import Helmet from '../components/helmet';
 
 type RoadmapsProps = {
   roadmaps: RoadmapType[];

pages/watch/index.tsx

@@ -3,7 +3,7 @@ import { GlobalHeader } from '../../components/global-header';
 import { OpensourceBanner } from '../../components/opensource-banner';
 import { UpdatesBanner } from '../../components/updates-banner';
 import { Footer } from '../../components/footer';
-import { VideoGridItem } from './components/video-grid-item';
+import { VideoGridItem } from '../../components/watch/video-grid-item';
 import { PageHeader } from '../../components/page-header';
 import { getAllVideos, VideoType } from '../../lib/video';
 import Helmet from '../../components/helmet';

scripts/build.sh

@@ -1,6 +1,6 @@
 #!/usr/bin/env bash
 
-NODE_ENV=prod next build
+next build
-NODE_ENV=prod next export
+next export
 echo 'roadmap.sh' > out/CNAME
 touch out/.nojekyll