Merge branch 'feat/python-blog-1' of https://github.com/supabase/supabase into feat/python-blog-1

Author: awalias

apps/www/components/PricingTableRow.tsx

@@ -28,7 +28,7 @@ const IncludedCheck = (props: any) => (
 const Minus = (props: any) => (
   <>
     <svg
-      className="text-scale-1200 h-5 w-5 dark:text-white"
+      className="text-scale-600 h-5 w-5"
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 20 20"
       fill="currentColor"
@@ -71,27 +71,29 @@ export const PricingTableRowDesktop = (props: any) => {
         return (
           <tr className="divide-scale-600 dark:divide-scale-400 divide-x">
             <th
-              className="text-scale-1200 flex items-center px-6 py-5 text-left text-sm font-normal dark:text-white"
+              className="text-scale-1200 flex items-center px-6 py-3 text-left text-sm font-normal dark:text-white"
               scope="row"
             >
-              <span>{feat.title} </span>
+              <span>{feat.title}</span>
               {feat.tooltip && (
                 <span
-                  className="hover:text-scale-800 ml-2 cursor-pointer dark:hover:text-white"
+                  className="text-scale-900 hover:text-scale-1200 ml-2 cursor-pointer transition-colors"
                   data-tip={feat.tooltip}
                 >
-                  <IconHelpCircle size="small" />
+                  <IconHelpCircle size={14} strokeWidth={2} />
                 </span>
               )}
             </th>
 
             {Object.values(feat.tiers).map((tier: any, i) => {
               return (
-                <td key={i} className="px-6 py-5">
+                <td key={i} className="px-6">
                   {typeof tier === 'boolean' && tier === true ? (
                     <IncludedCheck tier={tier} />
                   ) : typeof tier === 'boolean' && tier === false ? (
-                    <Minus tier={tier} />
+                    <div className="text-scale-900">
+                      <Minus tier={tier} />
+                    </div>
                   ) : (
                     <span className="text-scale-1200 block text-sm dark:text-white">{tier}</span>
                   )}
@@ -113,7 +115,7 @@ export const PricingTableRowMobile = (props: any) => {
   return (
     <>
       <table className="mt-8 w-full">
-        <caption className="bg-scale-50 dark:bg-dark-900 border-scale-200 dark:border-scale-600 text-scale-1200 border-t px-4 py-3 text-left text-sm font-medium dark:text-white">
+        <caption className="bg-scale-50 dark:bg-dark-900 border-scale-400 border-t px-4 py-3 text-left text-sm font-medium dark:text-white">
           <div className="flex items-center gap-2">
             {category.icon ? <ProductIcon icon={props.icon} /> : null}
             <span className="text-scale-1200 font-normal">{category.title}</span>
@@ -129,16 +131,16 @@ export const PricingTableRowMobile = (props: any) => {
             </th>
           </tr>
         </thead>
-        <tbody className="divide-scale-600 divide-y">
+        <tbody className="divide-scale-400 divide-y">
           {category.features.map((feat: any, i: number) => {
             return (
-              <tr key={i} className="border-t">
-                <th className="text-scale-1100 px-4 py-5 text-left text-sm font-normal" scope="row">
+              <tr key={i} className="border-scale-400 border-t">
+                <th className="text-scale-1100 px-4 py-3 text-left text-sm font-normal" scope="row">
                   <span>
                     <p>{feat.title}</p>
                   </span>
                 </th>
-                <td className="py-5 pr-4 text-right">
+                <td className="py-3 pr-4 text-right">
                   {typeof feat.tiers[tier] === 'boolean' && feat.tiers[tier] === true ? (
                     <div className="inline-block">
                       <IncludedCheck tier={tier} />

apps/www/data/Pricing.json

@@ -45,21 +45,29 @@
           "enterprise": "30 days Point in Time backup"
         }
       },
+      {
+        "title": "Point in time recovery",
+        "tiers": {
+          "free": false,
+          "pro": false,
+          "enterprise": true
+        }
+      },
       {
         "title": "Pausing",
-        "tooltip": "Unused projects that have no activity or API requests will be shut down. They can be reactivated by logging into the dashboard",
+        "tooltip": "Projects that have no activity or API requests will be paused. They can be reactivated via the dashboard",
         "tiers": {
           "free": "Paused after 1 week inactivity",
           "pro": "Never",
           "enterprise": "Never"
         }
       },
       {
-        "title": "Transfer limits",
+        "title": "Database egress",
         "tooltip": "Good news, only download operations are counted towards the limit",
         "tiers": {
           "free": "Up to 2GB",
-          "pro": "50GB included, then $0.09 per GB",
+          "pro": "50GB included per month, then $0.09 per GB",
           "enterprise": "Unlimited"
         }
       }
@@ -78,6 +86,15 @@
           "enterprise": "Unlimited"
         }
       },
+      {
+        "title": "MAUs",
+        "tooltip": "Monthly Active Users; a user that has made an API request in the last month.",
+        "tiers": {
+          "free": "Up to 50,000 MAUs",
+          "pro": "100,000 included, then $0.00325 per MAU",
+          "enterprise": "1,000,000 included, then $0.00325 per MAU"
+        }
+      },
       {
         "title": "Social OAuth providers",
         "tiers": {
@@ -150,7 +167,7 @@
         }
       },
       {
-        "title": "Transfer limits",
+        "title": "Storage egress",
         "tooltip": "Good news, only download operations are counted towards the limit",
         "tiers": {
           "free": "Up to 2 GB",
@@ -168,6 +185,7 @@
       },
       {
         "title": "Max file upload size",
+        "tooltip": "You can change the upload size in the dashboard",
         "tiers": {
           "free": "Up to 50MB",
           "pro": "Up to 5GB",
@@ -183,16 +201,16 @@
       {
         "title": "Runtime hours",
         "tiers": {
-          "free": "100 hours",
-          "pro": "1,000 hours",
+          "free": "100 hours per month",
+          "pro": "1,000 hours per month",
           "enterprise": "Unlimited"
         }
       },
       {
         "title": "Invocations",
         "tiers": {
-          "free": "500K",
-          "pro": "2 Million",
+          "free": "500K per month",
+          "pro": "2 Million per month",
           "enterprise": "Unlimited"
         }
       },
@@ -308,7 +326,7 @@
         "title": "Metrics endpoint",
         "tiers": {
           "free": false,
-          "pro": false,
+          "pro": true,
           "enterprise": true
         }
       },
@@ -343,6 +361,22 @@
           "pro": false,
           "enterprise": true
         }
+      },
+      {
+        "title": "Designated customer success engineer ",
+        "tiers": {
+          "free": false,
+          "pro": false,
+          "enterprise": true
+        }
+      },
+      {
+        "title": "Security Questionnaire Help",
+        "tiers": {
+          "free": false,
+          "pro": false,
+          "enterprise": true
+        }
       }
     ]
   }

apps/www/data/PricingAddOn.json

@@ -37,12 +37,12 @@
           {
             "key": "directConnections",
             "title": "Connections: Direct",
-            "value": "10 (recommended)"
+            "value": "30 (recommended)"
           },
           {
             "key": "poolerConnections",
             "title": "Connections: Pooler",
-            "value": "50 (recommended)"
+            "value": "75 (recommended)"
           }
         ]
       },
@@ -61,7 +61,7 @@
           {
             "key": "poolerConnections",
             "title": "Connections: Pooler",
-            "value": "500 (recommended)"
+            "value": "150 (recommended)"
           }
         ]
       },
@@ -80,7 +80,7 @@
           {
             "key": "poolerConnections",
             "title": "Connections: Pooler",
-            "value": "1000 (recommended)"
+            "value": "300 (recommended)"
           }
         ]
       },
@@ -99,7 +99,7 @@
           {
             "key": "poolerConnections",
             "title": "Connections: Pooler",
-            "value": "2000 (recommended)"
+            "value": "600 (recommended)"
           }
         ]
       },
@@ -113,12 +113,88 @@
           {
             "key": "directConnections",
             "title": "Connections: Direct",
-            "value": "400 (recommended)"
+            "value": "350 (recommended)"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler",
+            "value": "1200 (recommended)"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "4XL" },
+          { "key": "pricing", "title": "Pricing", "value": "$950" },
+          { "key": "cpu", "title": "CPU", "value": "16-core ARM (dedicated)" },
+          { "key": "memory", "title": "Memory", "value": "64 GB" },
+          { "key": "diskIO", "title": "Disk IO Bandwidth", "value": "Up to 4,750 Mbps" },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct",
+            "value": "420 (recommended)"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler",
+            "value": "2800 (recommended)"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "8XL" },
+          { "key": "pricing", "title": "Pricing", "value": "$1,860" },
+          { "key": "cpu", "title": "CPU", "value": "32-core ARM (dedicated)" },
+          { "key": "memory", "title": "Memory", "value": "128 GB" },
+          { "key": "diskIO", "title": "Disk IO Bandwidth", "value": "Up to 9,000 Mbps" },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct",
+            "value": "450 (recommended)"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler",
+            "value": "5600 (recommended)"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "12XL" },
+          { "key": "pricing", "title": "Pricing", "value": "$2,790" },
+          { "key": "cpu", "title": "CPU", "value": "48-core ARM (dedicated)" },
+          { "key": "memory", "title": "Memory", "value": "192 GB" },
+          { "key": "diskIO", "title": "Disk IO Bandwidth", "value": "Up to 13,500 Mbps" },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct",
+            "value": "480 (recommended)"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler",
+            "value": "8600 (recommended)"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "16XL" },
+          { "key": "pricing", "title": "Pricing", "value": "$3,720" },
+          { "key": "cpu", "title": "CPU", "value": "64-core ARM (dedicated)" },
+          { "key": "memory", "title": "Memory", "value": "256 GB" },
+          { "key": "diskIO", "title": "Disk IO Bandwidth", "value": "Up to 19,000 Mbps" },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct",
+            "value": "500 (recommended)"
           },
           {
             "key": "poolerConnections",
             "title": "Connections: Pooler",
-            "value": "4000 (recommended)"
+            "value": "11,600 (recommended)"
           }
         ]
       },

apps/www/pages/blog/[year]/[month]/[day]/[slug].tsx

@@ -29,6 +29,30 @@ const components = {
     return <CodeBlock {...props} />
   },
   ImageGrid,
+  img: (props: any) => {
+    const classes = [
+      'next-image--dynamic-fill',
+      'from-brand-500 to-brand-500',
+      'rounded border bg-gradient-to-r via-blue-500',
+    ]
+
+    return (
+      <div
+        className="
+          next-image--dynamic-fill 
+            to-scale-400  
+            from-scale-500 rounded-md
+            border bg-gradient-to-r
+      "
+      >
+        <Image
+          {...props}
+          className="next-image--dynamic-fill to-brand-1000 from-brand-900 rounded-md border bg-gradient-to-r"
+          layout="fill"
+        />
+      </div>
+    )
+  },
 }
 
 // plugins for next-mdx-remote

apps/www/pages/pricing/CHANGELOG.txt

@@ -1,5 +1,27 @@
 Pricing Changelog
 
+### 16 June 2022
+----
+
+Auth
+- New item “MAUs (Monthly Active Users)”
+Security & Compliance
+- New item: “Security questionnaire help” for enterprise
+- New item - “Metrics Endpoint” for enterprise and pro tier users
+Database Compute Add ons
+- New item: “4XL”
+- New item: “8XL”
+- New item: “12XL”
+- New item: “16XL”
+Database
+- New item: “Point in time recovery” for enterprise
+Clarifications
+- General - Clearer language that we charge on a per project per month
+- Storage - Uploads for Pro, changed from 3GB → 5GB in title card
+- Storage - file upload size - clarified that it can be changed in dashboard
+- All products - “Transfer” renamed to “Egress”
+- Database compute add-ons - Number of connections more accurate
+- Storage - Free tier egress per month clarified
 
 ### 31 March 2022
 ----