diff --git a/site/content/learn.md b/site/content/learn.md
index 0f135709..3eff648e 100644
--- a/site/content/learn.md
+++ b/site/content/learn.md
@@ -64,7 +64,27 @@ npm run dev
 
 This starts your Portal.js app’s "development server" (more on this later) on port 3000.
 
-Let’s check to see if it’s working. Open http://localhost:3000 from your browser.
+Let’s check to see if it’s working. Open http://localhost:3000 from your browser and you should see the following page:
+
+![Portal.js screen](/portaljs-screen.png)
+
+### Edit the page
+
+Portal.js app is a Next.js/React.js based project. To edit the page follow these steps:
+
+1. Open the project in your text editor.
+2. Go to `/pages/index.js` file.
+3. Find the `h2` tag with text that says **"Yay, the portal is open 🌀"** and change it to **"Hello World!"**.
+4. Save the file.
+
+Once you've changed the file and saved it, the page on `localhost:3000` should update:
+
+![Portal.js screen update](/portaljs-screen-update.png)
+
+We won't dive into details of how to edit the pages as our focus is presenting data. To learn more about how to use Next.js and/or React, please visit the following sites:
+
+* [Learn NextJS](https://nextjs.org/docs/getting-started)
+* [Getting started with React](https://reactjs.org/docs/getting-started.html#learn-react)
 
 ## Next steps
 
diff --git a/site/public/portaljs-screen-update.png b/site/public/portaljs-screen-update.png
new file mode 100644
index 00000000..5ea8b69a
Binary files /dev/null and b/site/public/portaljs-screen-update.png differ
diff --git a/site/public/portaljs-screen.png b/site/public/portaljs-screen.png
new file mode 100644
index 00000000..264ea01d
Binary files /dev/null and b/site/public/portaljs-screen.png differ