feat: add velada v - 1st version

Author: Railly

astro.config.ts

@@ -1,9 +1,8 @@
 import db from "@astrojs/db"
 import sitemap from "@astrojs/sitemap"
-import tailwind from "@astrojs/tailwind"
-import vercel from "@astrojs/vercel/serverless"
+import vercel from "@astrojs/vercel"
+import tailwindcss from "@tailwindcss/vite"
 import { defineConfig } from "astro/config"
-import auth from "auth-astro"
 import { VitePWA } from "vite-plugin-pwa"
 
 // Helper imports
@@ -19,7 +18,7 @@ export default defineConfig({
 	devToolbar: {
 		enabled: false,
 	},
-	integrations: [tailwind(), sitemap(), auth(), db()],
+	integrations: [sitemap(), /* auth(), */ db()],
 	adapter: vercel({
 		webAnalytics: {
 			enabled: true,
@@ -28,13 +27,11 @@ export default defineConfig({
 	output: "server",
 	site: seoConfig.baseURL,
 	vite: {
-		build: {
-			cssMinify: "lightningcss",
-		},
 		ssr: {
 			noExternal: ["path-to-regexp"],
 		},
 		plugins: [
+			tailwindcss(),
 			VitePWA({
 				registerType: "autoUpdate",
 				manifest,

package.json

@@ -16,20 +16,20 @@
     "prepare": "husky install && bash -c 'chmod ug+x .husky/*'"
   },
   "dependencies": {
-    "@astrojs/db": "0.11.7",
+    "@astrojs/db": "0.14.8",
     "@auth/core": "^0.32.0",
-    "@fontsource-variable/jost": "5.0.19",
+    "@tailwindcss/vite": "^4.0.11",
     "@vercel/analytics": "1.3.1",
-    "astro": "4.11.5",
+    "astro": "5.4.2",
     "auth-astro": "4.1.2",
+    "serverless": "link:@astrojs/vercel/serverless",
     "valibot": "0.35.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "0.43.1",
-    "@astrojs/check": "0.7.0",
-    "@astrojs/sitemap": "3.1.6",
-    "@astrojs/tailwind": "5.1.0",
-    "@astrojs/vercel": "7.7.2",
+    "@astrojs/check": "0.9.4",
+    "@astrojs/sitemap": "3.2.1",
+    "@astrojs/vercel": "8.1.1",
     "@midudev/tailwind-animations": "0.0.7",
     "@types/dom-view-transitions": "1.0.4",
     "@typescript-eslint/parser": "7.15.0",
@@ -38,15 +38,14 @@
     "eslint-plugin-astro": "1.2.2",
     "eslint-plugin-jsx-a11y": "6.9.0",
     "husky": "9.0.11",
-    "lightningcss": "1.25.1",
     "lint-staged": "15.2.7",
     "postcss-import": "16.1.0",
     "postcss-nesting": "12.1.5",
     "prettier": "3.3.2",
     "prettier-plugin-astro": "0.14.0",
     "prettier-plugin-astro-organize-imports": "0.4.9",
-    "prettier-plugin-tailwindcss": "0.6.5",
-    "tailwindcss": "3.4.4",
+    "prettier-plugin-tailwindcss": "0.6.11",
+    "tailwindcss": "4.0.11",
     "typescript": "5.5.3",
     "vite-plugin-pwa": "0.20.0"
   }

postcss.config.mjs

@@ -8,11 +8,11 @@ const { as: Tag, class: className, ...props } = Astro.props
 
 <Tag
 	class:list={[
-		"inline-block skew-x-[-21deg] cursor-pointer border-2 border-primary",
+		"border-primary inline-block skew-x-[-21deg] cursor-pointer border-2",
 		"font-semibold uppercase",
 		"px-5 py-2.5",
-		"before:absolute before:-inset-0.5 before:origin-right before:scale-x-0 before:bg-primary",
-		"hover:scale-110 hover:text-secondary hover:before:origin-left hover:before:scale-x-100",
+		"before:bg-primary before:absolute before:-inset-0.5 before:origin-right before:scale-x-0",
+		"hover:text-secondary hover:scale-110 hover:before:origin-left hover:before:scale-x-100",
 		"aria-disabled:pointer-events-none aria-disabled:border-[#666] aria-disabled:bg-[#666] aria-disabled:text-[#111]",
 		"ease-in motion-safe:transition-[color,transform] motion-safe:before:transition-transform motion-safe:before:duration-300 motion-safe:before:ease-in motion-safe:hover:delay-100 motion-safe:hover:ease-out motion-safe:hover:before:delay-100 motion-safe:hover:before:ease-out",
 		className,