Install Starlight

Author: danharrin

.gitignore

@@ -1,10 +1,15 @@
+/.astro
+/.fleet
+/.idea
 /.phpunit.cache
-/node_modules
-/node_modules.nosync
-/public/build
+/.vscode
 /public/api
+/public/build
+/public/docs
 /public/hot
 /public/storage
+/node_modules
+/node_modules.nosync
 /storage/*.key
 /vendor
 /vendor.nosync
@@ -13,12 +18,9 @@
 .env.backup
 .env.production
 .phpunit.result.cache
+auth.json
+filament-cli
 Homestead.json
 Homestead.yaml
-auth.json
 npm-debug.log
 yarn-error.log
-/.fleet
-/.idea
-/.vscode
-filament-cli

astro.config.mjs

@@ -0,0 +1,36 @@
+// @ts-check
+import { defineConfig } from 'astro/config';
+import starlight from '@astrojs/starlight';
+import tailwind from '@astrojs/tailwind';
+
+// https://astro.build/config
+export default defineConfig({
+    base: '/docs',
+    publicDir: './docs/public',
+    outDir: './public/docs',
+    srcDir: './docs',
+    trailingSlash: 'never',
+    integrations: [
+        starlight({
+            title: 'Docs with Tailwind',
+            social: {
+                github: 'https://github.com/withastro/starlight',
+            },
+            sidebar: [
+                {
+                    label: 'Guides',
+                    items: [
+                        // Each item here is one entry in the navigation menu.
+                        { label: 'Example Guide', slug: 'guides/example' },
+                    ],
+                },
+                {
+                    label: 'Reference',
+                    autogenerate: { directory: 'reference' },
+                },
+            ],
+            customCss: ['./docs/tailwind.css'],
+        }),
+        tailwind({ applyBaseStyles: false, configFile: './docs/tailwind.config.mjs' }),
+    ],
+});

content/articles/danharrin-compile-new-tailwind-css-classes-panel.md

@@ -0,0 +1,7 @@
+import { defineCollection } from 'astro:content';
+import { docsLoader } from '@astrojs/starlight/loaders';
+import { docsSchema } from '@astrojs/starlight/schema';
+
+export const collections = {
+	docs: defineCollection({ loader: docsLoader(), schema: docsSchema() }),
+};