blitz-js · flybayer · Apr 14, 2020 · Apr 14, 2020 · Apr 14, 2020
diff --git a/examples/store/README.md b/examples/store/README.md
@@ -1,12 +1,19 @@
 ## Getting Started
 
-1. Setup your database
+1. Ensure you have Postgres installed locally
+2. Set the `DATABASE_URL` environment variable, something like this:
+
+```
+DATABASE_URL=postgresql://<your_computer_username>@localhost:5432/blitz-example-store
+```
+
+3. DB migrate
 
 ```
 yarn blitz db migrate
 ```
 
-2. Start the dev server
+4. Start the dev server
 
 ```
 yarn blitz start

diff --git a/examples/store/app/pages/about.tsx b/examples/store/app/pages/about.tsx
diff --git a/examples/store/app/pages/index.tsx b/examples/store/app/pages/index.tsx
@@ -1,44 +1,27 @@
 import Head from 'next/head'
+import {Link} from '@blitzjs/core'
 
 const Home = () => (
  <div className="container">
  <Head>
- <title>Create Next App</title>
+ <title>Blitz Example Store</title>
  <link rel="icon" href="/favicon.ico" />
  </Head>
 
  <main>
- <h1 className="title">
- Welcome to <a href="https://nextjs.org">Next.js!</a>
+ <h1 className="title" style={{marginBottom: 24}}>
+ Blitz Store Example
  </h1>
-
- <p className="description">
- Get started by editing <code>pages/index.js</code>
+ <p>
+ <Link href="/products">
+ <a>View Static Public Product Listings</a>
+ </Link>
+ </p>
+ <p>
+ <Link href="/admin">
+ <a>View Dynamic Admin Section</a>
+ </Link>
  </p>
-
- <div className="grid">
- <a href="https://nextjs.org/docs" className="card">
- <h3>Documentation &rarr;</h3>
- <p>Find in-depth information about Next.js features and API.</p>
- </a>
-
- <a href="https://nextjs.org/learn" className="card">
- <h3>Learn &rarr;</h3>
- <p>Learn about Next.js in an interactive course with quizzes!</p>
- </a>
-
- <a href="https://github.com/zeit/next.js/tree/master/examples" className="card">
- <h3>Examples &rarr;</h3>
- <p>Discover and deploy boilerplate example Next.js projects.</p>
- </a>
-
- <a
- href="https://zeit.co/import?filter=next.js&utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
- className="card">
- <h3>Deploy &rarr;</h3>
- <p>Instantly deploy your Next.js site to a public URL with ZEIT Now.</p>
- </a>
- </div>
  </main>
 
  <footer>
@@ -89,11 +72,6 @@ const Home = () => (
  }
 
  a {
- color: inherit;
- text-decoration: none;
- }
-
- .title a {
  color: #0070f3;
  text-decoration: none;
  }

diff --git a/examples/store/app/products/pages/products/[handle].tsx b/examples/store/app/products/pages/products/[handle].tsx
@@ -12,17 +12,22 @@ export const getStaticProps: GetStaticProps<StaticProps> = async (ctx) => {
 
  return {
  props: {product},
+ revalidate: 1,
  }
 }
 export const getStaticPaths: GetStaticPaths = async () => {
  const paths = (await getProducts()).map(({handle}) => ({params: {handle}}))
  return {
  paths,
- fallback: false,
+ fallback: true,
  }
 }
 
 const Page: BlitzPage<StaticProps> = function ({product}) {
+ if (!product) {
+ return <div>Building Page...</div>
+ }
+
  return (
  <div>
  <h1>{product.name}</h1>

diff --git a/examples/store/app/products/pages/products/index.tsx b/examples/store/app/products/pages/products/index.tsx
@@ -11,6 +11,7 @@ export const getStaticProps: GetStaticProps<StaticProps> = async () => {
 
  return {
  props: {products},
+ revalidate: 1,
  }
 }
 

diff --git a/.../migrations/20200411130101-init/README.md → .../migrations/20200414170933-init/README.md b/.../migrations/20200411130101-init/README.md → .../migrations/20200414170933-init/README.md
@@ -1,46 +1,48 @@
-# Migration `20200411130101-init`
+# Migration `20200414170933-init`
 
-This migration has been generated by Brandon Bayer at 4/11/2020, 1:01:01 PM.
+This migration has been generated by Brandon Bayer at 4/14/2020, 5:09:33 PM.
 You can check out the [state of the schema](./schema.prisma) after the migration.
 
 ## Database Steps
 
 ```sql
-CREATE TABLE "quaint"."User" (
- "email" TEXT NOT NULL ,
- "id" INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
- "name" TEXT ,
- "role" TEXT ,
- "storeId" INTEGER 
+CREATE TABLE "public"."User" (
+ "email" text NOT NULL ,
+ "id" SERIAL,
+ "name" text ,
+ "role" text ,
+ "storeId" integer ,
+ PRIMARY KEY ("id")
 ) 
 
-CREATE TABLE "quaint"."Product" (
- "description" TEXT ,
- "handle" TEXT NOT NULL ,
- "id" INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
- "name" TEXT ,
- "price" INTEGER 
+CREATE TABLE "public"."Product" (
+ "description" text ,
+ "handle" text NOT NULL ,
+ "id" SERIAL,
+ "name" text ,
+ "price" integer ,
+ PRIMARY KEY ("id")
 ) 
 
-CREATE UNIQUE INDEX "quaint"."User.email" ON "User"("email")
+CREATE UNIQUE INDEX "User.email" ON "public"."User"("email")
 
-CREATE UNIQUE INDEX "quaint"."Product.handle" ON "Product"("handle")
+CREATE UNIQUE INDEX "Product.handle" ON "public"."Product"("handle")
 ```
 
 ## Changes
 
 ```diff
 diff --git schema.prisma schema.prisma
-migration ..20200411130101-init
+migration ..20200414170933-init
 --- datamodel.dml
 +++ datamodel.dml
 @@ -1,0 +1,30 @@
 +// This is your Prisma schema file,
 +// learn more about it in the docs: https://pris.ly/d/prisma-schema
 +
-+datasource db {
-+ provider = "sqlite"
-+ url = "file:./db.sqlite"
++datasource postgresql {
++ provider = "postgresql"
++ url = env("DATABASE_URL")
 +}
 +
 +generator client {

diff --git a/...rations/20200411130101-init/schema.prisma → ...rations/20200414170933-init/schema.prisma b/...rations/20200411130101-init/schema.prisma → ...rations/20200414170933-init/schema.prisma
@@ -1,8 +1,8 @@
 // This is your Prisma schema file,
 // learn more about it in the docs: https://pris.ly/d/prisma-schema
 
-datasource db {
- provider = "sqlite"
+datasource postgresql {
+ provider = "postgresql"
  url = "***"
 }