Tutorials page (#21)

remotesynth · HarshCasper · web-flow · commit 42fcef957427 · 2025-06-20T14:50:01.000-04:00
* get the structure right

* fix issue with opening the tutorial

* make filtering work

* Added auto resizing of the image assets

The images were loading very slowly because they were 1900+ pixels wide but only rendered at 330px. I converted the astro component to load the images from assets, resize them and pass those to the React component.

* get the structure right

* fix issue with opening the tutorial

* make filtering work

* Added auto resizing of the image assets

The images were loading very slowly because they were 1900+ pixels wide but only rendered at 330px. I converted the astro component to load the images from assets, resize them and pass those to the React component.

* make cards clickable

* Update astro.config.mjs

---------

Co-authored-by: HarshCasper &lt;erbeusgriffincasper@gmail.com&gt;
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -95,6 +95,9 @@ export default defineConfig({
           multiSidebar: {
             switcherStyle: 'dropdown',
           },
+          navLinks: {
+            leading: { useSidebarLabelled: 'TopNav' },
+          },
         }),
         starlightDocSearch({
           appId: 'XBW1JU7CW5',
@@ -103,6 +106,13 @@ export default defineConfig({
         }),
       ],
       sidebar: [
+        {
+          label: 'TopNav',
+          items: [
+            { label: 'Get Started', link: '/aws/getting-started/quickstart/' },
+            { label: 'Local AWS Services', link: '/aws/aws-services/' },
+          ],
+        },
         {
           label: 'AWS',
           collapsed: true,
