diff --git a/astro/astro.config.mjs b/astro/astro.config.mjs
index 81f93a1..79e1396 100644
--- a/astro/astro.config.mjs
+++ b/astro/astro.config.mjs
@@ -2,7 +2,10 @@
import vercel from '@astrojs/vercel'
import {defineConfig} from 'astro/config'
+import tailwind from '@astrojs/tailwind';
+
// https://astro.build/config
export default defineConfig({
adapter: vercel(),
-})
+ integrations: [tailwind()],
+})
\ No newline at end of file
diff --git a/astro/package.json b/astro/package.json
index 721c5bf..0b53592 100644
--- a/astro/package.json
+++ b/astro/package.json
@@ -9,9 +9,11 @@
"preview": "astro preview"
},
"dependencies": {
+ "@astrojs/tailwind": "^5.1.3",
"@astrojs/vercel": "^8.0.0",
"@sanity/client": "^6.23.0",
"astro": "^5.0.2",
- "groq": "^3.64.2"
+ "groq": "^3.64.2",
+ "tailwindcss": "^3.4.16"
}
}
diff --git a/astro/src/layouts/Layout.astro b/astro/src/layouts/Layout.astro
index 17483ea..623b368 100644
--- a/astro/src/layouts/Layout.astro
+++ b/astro/src/layouts/Layout.astro
@@ -4,7 +4,7 @@ import SanityLive from '../components/SanityLive.astro'
---
-
+
@@ -14,7 +14,9 @@ import SanityLive from '../components/SanityLive.astro'
-
+
+
+
diff --git a/astro/src/pages/index.astro b/astro/src/pages/index.astro
index f8f0782..ca721b5 100644
--- a/astro/src/pages/index.astro
+++ b/astro/src/pages/index.astro
@@ -15,6 +15,5 @@ const {data} = await sanityFetch({query: DEMO_QUERY, params: {slug}, lastLiveEve
---
- {data || 'Astro'}
-
+ {data || 'Astro'}
diff --git a/astro/tailwind.config.mjs b/astro/tailwind.config.mjs
new file mode 100644
index 0000000..19f0614
--- /dev/null
+++ b/astro/tailwind.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ed5c928..0ee7439 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -64,6 +64,9 @@ importers:
astro:
dependencies:
+ '@astrojs/tailwind':
+ specifier: ^5.1.3
+ version: 5.1.3(astro@5.0.5(@types/node@22.10.2)(jiti@2.4.0)(rollup@4.28.1)(terser@5.36.0)(tsx@4.19.2)(typescript@5.7.2)(yaml@2.6.1))(tailwindcss@3.4.16)
'@astrojs/vercel':
specifier: ^8.0.0
version: 8.0.0(@sveltejs/kit@2.10.1(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.11.2)(vite@6.0.3(@types/node@22.10.2)(jiti@2.4.0)(terser@5.36.0)(tsx@4.19.2)(yaml@2.6.1)))(svelte@5.11.2)(vite@6.0.3(@types/node@22.10.2)(jiti@2.4.0)(terser@5.36.0)(tsx@4.19.2)(yaml@2.6.1)))(astro@5.0.5(@types/node@22.10.2)(jiti@2.4.0)(rollup@4.28.1)(terser@5.36.0)(tsx@4.19.2)(typescript@5.7.2)(yaml@2.6.1))(next@15.1.0(@babel/core@7.26.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)(svelte@5.11.2)(vue-router@4.5.0(vue@3.5.13(typescript@5.7.2)))(vue@3.5.13(typescript@5.7.2))
@@ -76,6 +79,9 @@ importers:
groq:
specifier: ^3.64.2
version: 3.67.1
+ tailwindcss:
+ specifier: ^3.4.16
+ version: 3.4.16
next-13:
dependencies:
@@ -522,6 +528,12 @@ packages:
resolution: {integrity: sha512-GilTHKGCW6HMq7y3BUv9Ac7GMe/MO9gi9GW62GzKtth0SwukCu/qp2wLiGpEujhY+VVhaG9v7kv/5vFzvf4NYw==}
engines: {node: ^18.17.1 || ^20.3.0 || >=22.0.0}
+ '@astrojs/tailwind@5.1.3':
+ resolution: {integrity: sha512-XF7WhXRhqEHGvADqc0kDtF7Yv/g4wAWTaj91jBBTBaYnc4+MQLH94duFfFa4NlTkRG40VQd012eF3MhO3Kk+bg==}
+ peerDependencies:
+ astro: ^3.0.0 || ^4.0.0 || ^5.0.0
+ tailwindcss: ^3.0.24
+
'@astrojs/telemetry@3.2.0':
resolution: {integrity: sha512-wxhSKRfKugLwLlr4OFfcqovk+LIFtKwLyGPqMsv+9/ibqqnW3Gv7tBhtKEb0gAyUAC4G9BTVQeQahqnQAhd6IQ==}
engines: {node: ^18.17.1 || ^20.3.0 || >=22.0.0}
@@ -9083,6 +9095,16 @@ snapshots:
dependencies:
prismjs: 1.29.0
+ '@astrojs/tailwind@5.1.3(astro@5.0.5(@types/node@22.10.2)(jiti@2.4.0)(rollup@4.28.1)(terser@5.36.0)(tsx@4.19.2)(typescript@5.7.2)(yaml@2.6.1))(tailwindcss@3.4.16)':
+ dependencies:
+ astro: 5.0.5(@types/node@22.10.2)(jiti@2.4.0)(rollup@4.28.1)(terser@5.36.0)(tsx@4.19.2)(typescript@5.7.2)(yaml@2.6.1)
+ autoprefixer: 10.4.20(postcss@8.4.49)
+ postcss: 8.4.49
+ postcss-load-config: 4.0.2(postcss@8.4.49)
+ tailwindcss: 3.4.16
+ transitivePeerDependencies:
+ - ts-node
+
'@astrojs/telemetry@3.2.0':
dependencies:
ci-info: 4.1.0
@@ -11444,7 +11466,7 @@ snapshots:
'@sanity/comlink': 2.0.1
'@sanity/icons': 3.5.2(react@19.0.0)
'@sanity/logos': 2.1.13(@sanity/color@3.0.6)(react@19.0.0)
- '@sanity/preview-url-secret': 2.0.5(@sanity/client@6.24.1)
+ '@sanity/preview-url-secret': 2.0.5(@sanity/client@6.24.1(debug@4.4.0))
'@sanity/ui': 2.10.9(@emotion/is-prop-valid@1.2.2)(react-dom@19.0.0(react@19.0.0))(react-is@18.3.1)(react@19.0.0)(styled-components@6.1.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0))
'@sanity/uuid': 3.0.2
fast-deep-equal: 3.1.3
@@ -11471,7 +11493,7 @@ snapshots:
prettier: 3.4.2
prettier-plugin-packagejson: 2.5.5(prettier@3.4.2)
- '@sanity/preview-url-secret@2.0.5(@sanity/client@6.24.1)':
+ '@sanity/preview-url-secret@2.0.5(@sanity/client@6.24.1(debug@4.4.0))':
dependencies:
'@sanity/client': 6.24.1(debug@4.4.0)
'@sanity/uuid': 3.0.2