Update Supabase Quickstart Screen + Tailwind 1.x to 2.x (#20770)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
vercel · Jan 11, 2021 · 06efca9 · 06efca9
1 parent 8bfe06e
commit 06efca9
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 3 deletions.
diff --git a/examples/with-supabase-auth-realtime-db/README.md b/examples/with-supabase-auth-realtime-db/README.md
@@ -38,7 +38,7 @@ Sign up to Supabase - [https://app.supabase.io](https://app.supabase.io) and cre
 
 Once your database has started, run the "Slack Clone" quickstart.
 
-![Slack Clone Quick Start](https://user-images.githubusercontent.com/10214025/88916135-1b1d7a00-d298-11ea-82e7-e2c18314e805.png)
+![Slack Clone Quick Start](./docs/quickstart.png)
 
 ### Step 3. Set up environment variables
 

diff --git a/examples/with-supabase-auth-realtime-db/docs/quickstart.png b/examples/with-supabase-auth-realtime-db/docs/quickstart.png
diff --git a/examples/with-supabase-auth-realtime-db/package.json b/examples/with-supabase-auth-realtime-db/package.json
@@ -12,7 +12,11 @@
     "next": "latest",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "sass": "^1.26.2",
-    "tailwindcss": "^1.1.4"
+    "sass": "^1.26.2"
+  },
+  "devDependencies": {
+    "autoprefixer": "10.1.0",
+    "postcss": "8.2.2",
+    "tailwindcss": "2.0.2"
   }
 }
diff --git a/examples/with-supabase-auth-realtime-db/postcss.config.js b/examples/with-supabase-auth-realtime-db/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/examples/with-supabase-auth-realtime-db/tailwind.config.js b/examples/with-supabase-auth-realtime-db/tailwind.config.js
@@ -0,0 +1,11 @@
+module.exports = {
+  purge: ['./pages/**/*.js', './components/**/*.js'],
+  darkMode: false, // or 'media' or 'class'
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+}