Adding Nile tutorial and few fixes to existing docs (#478)

gwenshap · web-flow · commit ec49ac780bf8 · 2025-01-23T17:17:47.000+02:00
* better nile logo and few typo fixes in nile docs

* adding nile tutorial for drizzle
diff --git a/public/svg/nile.svg b/public/svg/nile.svg
@@ -1,14 +1,89 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 102.394 128">
-  <defs>
-    <linearGradient id="linear-gradient" x1="1.6499" y1="-844.4095" x2="76.0133" y2="-929.2378" gradientTransform="matrix(1, 0, 0, -1, 0, -790)" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#ffc164"/>
-      <stop offset="0.5052" stop-color="#d8d3ff"/>
-      <stop offset="1" stop-color="#64e3ff"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="55"
+   height="56"
+   viewBox="0 0 55 56"
+   fill="#000000"
+   version="1.1"
+   id="svg9"
+   sodipodi:docname="nile.svg"
+   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <rect
+     style="mix-blend-mode:normal;fill:#000000;fill-opacity:0.853448"
+     id="rect1"
+     width="55.462002"
+     height="55.730774"
+     x="2.14464e-08"
+     y="0.26923075"
+     rx="9.8999996" />
+  <path
+     d="M39.6907 17.3263C39.6907 18.4281 39.242 19.4316 38.5283 20.1497C36.7965 21.9018 36.7965 24.7323 38.5214 26.468C39.242 27.1885 39.6837 28.1897 39.6837 29.2914C39.6837 31.495 37.9053 33.2845 35.7155 33.2845C34.0674 33.2845 32.6447 32.2669 32.0519 30.8213C29.8388 25.5884 25.0129 21.9463 19.3942 21.2889C17.4253 21.0597 15.8887 19.3755 15.8887 17.3263C15.8887 15.1228 17.667 13.3333 19.8568 13.3333C21.5073 13.3333 22.9277 14.3508 23.5205 15.7965C25.429 20.3182 29.2902 23.6469 33.9279 24.9007C34.5276 23.31 34.1929 21.434 32.9167 20.1497C32.196 19.4293 31.7543 18.4281 31.7543 17.3263C31.7543 15.1228 33.5327 13.3333 35.7225 13.3333C37.9123 13.3333 39.6907 15.1228 39.6907 17.3263Z"
+     fill="url(#paint1_linear_2680_979)"
+     id="path1" />
+  <path
+     d="M23.5228 25.7803C25.7335 31.0132 30.5688 34.653 36.1874 35.3197L36.1851 35.322C38.1541 35.5512 39.6907 37.2355 39.6907 39.2846C39.6907 41.4882 37.9123 43.2777 35.7225 43.2777C34.0743 43.2777 32.6517 42.2601 32.0589 40.8145C30.1503 36.2928 26.2891 32.9641 21.6515 31.7102C21.0517 33.3009 21.3864 35.177 22.6627 36.4612C23.3833 37.1817 23.825 38.1829 23.825 39.2846C23.825 41.4882 22.0466 43.2777 19.8568 43.2777C17.667 43.2777 15.8887 41.4882 15.8887 39.2846C15.8887 38.1829 16.3373 37.1793 17.051 36.4612C18.7852 34.7161 18.7852 31.8787 17.051 30.1336C16.3304 29.4131 15.8887 28.4119 15.8887 27.3102C15.8887 25.1066 17.667 23.3171 19.8592 23.3171C21.5073 23.3171 22.93 24.3347 23.5228 25.7803Z"
+     fill="url(#paint2_linear_2680_979)"
+     id="path2" />
+  <defs
+     id="defs9">
+    <linearGradient
+       id="paint0_linear_2680_979"
+       x1="50.7847"
+       y1="4.11314"
+       x2="35.9307"
+       y2="22.9818"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         stop-color="white"
+         stop-opacity="0.22"
+         id="stop2" />
+      <stop
+         offset="1"
+         stop-color="white"
+         stop-opacity="0"
+         id="stop3" />
+    </linearGradient>
+    <linearGradient
+       id="paint1_linear_2680_979"
+       x1="22.1722"
+       y1="10.8747"
+       x2="39.5736"
+       y2="30.6081"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         stop-color="#FDC066"
+         id="stop4" />
+      <stop
+         offset="0.51"
+         stop-color="#D8D3E9"
+         id="stop5" />
+      <stop
+         offset="1"
+         stop-color="#7BD1ED"
+         id="stop6" />
+    </linearGradient>
+    <linearGradient
+       id="paint2_linear_2680_979"
+       x1="22.1722"
+       y1="10.8747"
+       x2="39.5736"
+       y2="30.6081"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         stop-color="#FDC066"
+         id="stop7" />
+      <stop
+         offset="0.51"
+         stop-color="#D8D3E9"
+         id="stop8" />
+      <stop
+         offset="1"
+         stop-color="#7BD1ED"
+         id="stop9" />
     </linearGradient>
-    <linearGradient id="linear-gradient-2" x1="27.0274" y1="-779.4894" x2="101.3586" y2="-864.3132" xlink:href="#linear-gradient"/>
   </defs>
-  <g id="logoMark">
-    <path id="logoMark_PathItem_" data-name="logoMark &lt;PathItem&gt;" d="M87.3177,93.9886A67.8242,67.8242,0,0,1,32.8341,53.2077a17.0674,17.0674,0,1,0-27.83,18.6081,19.1461,19.1461,0,0,1,0,27.0456,17.0711,17.0711,0,1,0,24.135,0,19.123,19.123,0,0,1-4.3495-20.3087A67.722,67.722,0,0,1,69.56,117.47,17.0667,17.0667,0,1,0,87.3177,93.9886Z" style="fill: url(#linear-gradient)"/>
-    <path id="logoMark_PathItem_2" data-name="logoMark &lt;PathItem&gt;" d="M97.39,29.1386a17.0711,17.0711,0,1,0-24.135,0,19.123,19.123,0,0,1,4.3495,20.3087A67.7222,67.7222,0,0,1,32.8341,10.53a17.0666,17.0666,0,1,0-17.7579,23.481A67.6762,67.6762,0,0,1,69.5271,74.76,17.0673,17.0673,0,1,0,97.3576,56.1515,19.1362,19.1362,0,0,1,97.39,29.1386Z" style="fill: url(#linear-gradient-2)"/>
-  </g>
 </svg>
diff --git a/src/content/docs/connect-nile.mdx b/src/content/docs/connect-nile.mdx
@@ -17,7 +17,7 @@ import WhatsNextPostgres from "@mdx/WhatsNextPostgres.astro";
 
 According to the **[official website](https://thenile.dev)**, Nile is PostgreSQL re-engineered for multi-tenant apps.
 
-Checkout official **[Nile + Drizzle Quickstart](https://www.thenile.dev/docs/getting-started/languages/drizzle)** and **[Migration](https://www.thenile.dev/docs/getting-started/schema_migrations/drizzle) docs.
+Checkout official **[Nile + Drizzle Quickstart](https://www.thenile.dev/docs/getting-started/languages/drizzle)** and **[Migration](https://www.thenile.dev/docs/getting-started/schema_migrations/drizzle)** docs.
 
 You can use Nile with any of Drizzle's Postgres drivers, we'll be showing the use of `node-postgres` below.
 
diff --git a/src/content/docs/get-started/nile-existing.mdx b/src/content/docs/get-started/nile-existing.mdx
@@ -22,7 +22,7 @@ import UpdateSchema from '@mdx/get-started/postgresql/UpdateSchema.mdx';
 
 <Breadcrumbs/>
 
-# Get Started with Drizzle and Supabase in existing project
+# Get Started with Drizzle and Nile in existing project
 
 <Prerequisites>
   - **dotenv** - package for managing environment variables - [read here](https://www.npmjs.com/package/dotenv)
diff --git a/src/content/docs/tutorials/drizzle-with-db/drizzle-with-nile.mdx b/src/content/docs/tutorials/drizzle-with-db/drizzle-with-nile.mdx
