feat: add support for Next env vars

ascorbic · ascorbic · commit aca75c6e5dbf · 2021-11-25T15:53:20.000Z
diff --git a/demos/default/.env.production b/demos/default/.env.production
@@ -0,0 +1 @@
+HELLO_WORLD="Hello Production"
diff --git a/demos/default/pages/api/hello.js b/demos/default/pages/api/hello.js
@@ -1,5 +1,5 @@
 // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
 
 export default (req, res) => {
-  res.status(200).json({ name: 'John Doe', query: req.query })
+  res.status(200).json({ name: 'John Doe', query: req.query, env: process.env.HELLO_WORLD })
 }
diff --git a/demos/default/pages/getServerSideProps/[id].js b/demos/default/pages/getServerSideProps/[id].js
@@ -1,7 +1,7 @@
 import Error from 'next/error'
 import Link from 'next/link'
 
-const Show = ({ errorCode, show }) => {
+const Show = ({ errorCode, show, env }) => {
   // If show item was not found, render 404 page
   if (errorCode) {
     return <Error statusCode={errorCode} />
@@ -15,7 +15,7 @@ const Show = ({ errorCode, show }) => {
         <br />
         Refresh the page to see server-side rendering in action.
         <br />
-        You can also try changing the ID to any other number between 1-10000.
+        You can also try changing the ID to any other number between 1-10000. Env: {env}
       </p>
 
       <hr />
@@ -46,6 +46,7 @@ export const getServerSideProps = async ({ params }) => {
     props: {
       errorCode,
       show: data,
+      env: process.env.HELLO_WORLD || null,
     },
   }
 }
diff --git a/demos/default/pages/getStaticProps/env.js b/demos/default/pages/getStaticProps/env.js
@@ -0,0 +1,24 @@
+import Link from 'next/link'
+
+const Env = ({ env }) => (
+  <div>
+    <p>This page uses getStaticProps() to populate env vars.</p>
+
+    <hr />
+    <p>env: {env}</p>
+
+    <Link href="/">
+      <a>Go back home</a>
+    </Link>
+  </div>
+)
+
+export function getStaticProps(context) {
+  return {
+    props: {
+      env: process.env.HELLO_WORLD || null,
+    },
+  }
+}
+
+export default Env
diff --git a/src/helpers/config.js b/src/helpers/config.js
@@ -190,6 +190,10 @@ exports.configureHandlerFunctions = ({ netlifyConfig, publish, ignore = [] }) =>
     netlifyConfig.functions[functionName].node_bundler = 'nft'
     netlifyConfig.functions[functionName].included_files ||= []
     netlifyConfig.functions[functionName].included_files.push(
+      '.env',
+      '.env.local',
+      '.env.production',
+      '.env.production.local',
       `${publish}/server/**`,
       `${publish}/serverless/**`,
       `${publish}/*.json`,

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`// Next.js API route support: https://nextjs.org/docs/api-routes/introduction`
`2`	`2`
`3`	`3`	`export default (req, res) => {`
`4`		`- res.status(200).json({ name: 'John Doe', query: req.query })`
	`4`	`+ res.status(200).json({ name: 'John Doe', query: req.query, env: process.env.HELLO_WORLD })`
`5`	`5`	`}`