[update] NextConfig

Author: Prajwalprakash3722

Dockerfile.production

@@ -43,7 +43,7 @@ COPY --from=builder /app/package.json ./package.json
 
 # Automatically leverage output traces to reduce image size 
 # https://nextjs.org/docs/advanced-features/output-file-tracing
-# COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
 COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
 
 
@@ -54,4 +54,4 @@ EXPOSE 3000
 
 ENV PORT 3000
 
-CMD ["yarn", "start"]
+CMD ["node", "server.js"]

next.config.js

@@ -1,17 +1,9 @@
 /**@type{import('next).NextConfig} */
-const withMDX = require("@next/mdx")({
-  extension: /\.mdx?$/,
-  options: {
-    remarkPlugins: [],
-    rehypePlugins: [],
-  },
-});
-const nextConfig = {
+module.exports = {
   reactStrictMode: true,
-  experimental: {
-    outputStandalone: true,
-  },
-  // used preReact to reduce the bundle size and faster response rate.
+  output: "standalone",
+
+  //    used preReact to reduce the bundle size and faster response rate.
   webpack: (config, { dev, isServer }) => {
     if (!dev && !isServer) {
       Object.assign(config.resolve.alias, {
@@ -22,13 +14,4 @@ const nextConfig = {
     }
     return config;
   },
-};
-const withBundleAnalyzer = require("@next/bundle-analyzer")({
-  enabled: process.env.ANALYZE === "true",
-});
-
-module.exports = nextConfig;
-module.exports = withBundleAnalyzer({});
-module.exports = withMDX({
-  pageExtensions: ["ts", "tsx", "mdx"],
-});
+};

pages/roadmap.tsx

@@ -1,5 +1,6 @@
 import { GetServerSidePropsContext, InferGetServerSidePropsType } from 'next'
 
+import Layout from '../components/layout'
 import React from 'react'
 import axios from 'axios'
 
@@ -44,6 +45,8 @@ export const getServerSideProps = async (ctx: GetServerSidePropsContext) => {
 function Roadmap(props: InferGetServerSidePropsType<typeof getServerSideProps>
 ) {
   return (
+    <Layout>
+
     <div className='flex flex-col items-center justify-center min-h-screen'>
       <h1 className='text-5xl font-semibold text-slate-50'>
         WIP
@@ -88,7 +91,7 @@ function Roadmap(props: InferGetServerSidePropsType<typeof getServerSideProps>
             }
             )}
           </div>
-          <footer className="bg-gray-900">
+          <footer className="">
             <div className="max-w-screen-xl px-4 py-8 mx-auto sm:px-6 lg:px-8">
               <div className="sm:flex sm:items-center sm:justify-between">
                 <p className="mt-4 text-sm text-center text-gray-400 lg:text-right lg:mt-0">
@@ -107,6 +110,7 @@ function Roadmap(props: InferGetServerSidePropsType<typeof getServerSideProps>
 
       )}
     </div>
+    </Layout>
   )
 }
 

public/rss.xml

@@ -4,7 +4,7 @@
         <title>Prajwals Blog</title>
         <link>http://localhost:3000</link>
         <description>Hi I'm Prajwal, and this is my blog. Here, I share through my writing my experience as a Computer science student and everything I'm learning about on React, Typescript, Go, Serverless, System Design and Testing.</description>
-        <lastBuildDate>Fri, 01 Jul 2022 09:37:30 GMT</lastBuildDate>
+        <lastBuildDate>Sat, 02 Jul 2022 08:00:04 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>Feed for Node.js</generator>
         <image>