Remove astrojs image (#526)

* changes

* remove @astrojs/image

* fix

* tailwind fix

* add autoprefixer

* update

* add deps

* hero to image

* fix w and h

* fix again

* try

* Picture to image

* other picture to images

* avatar fix

* more fixes

* fix try 3

* try 4

* alt text

* images - not sure if it works

* logo fix

* fix

* fix again

* another image issue

* fix

* fix

* fixes for tablet

* fix

* more alts

* Adjusted padding

---------

Co-authored-by: Ante Koceić <ante@crocoder.dev>

Author: davidabram

apps/website/astro.config.mjs

@@ -1,9 +1,8 @@
 import { defineConfig } from 'astro/config';
-import tailwind from '@astrojs/tailwind';
 import react from '@astrojs/react';
-import vercel from '@astrojs/vercel/serverless'
+import vercel from '@astrojs/vercel'
 import createRemarkPlugin from '@crocoder-dev/remark-plugin';
-import image from '@astrojs/image';
+import tailwindcss from "@tailwindcss/vite";
 
 const classes = {
   titleClass: 'font-bold text-[1.25rem] mt-[2.5rem]',
@@ -18,12 +17,13 @@ export default defineConfig({
   prefetch: true,
   output: 'server',
   adapter: vercel({
+    imageService: true,
   }),
   redirects: {
     '/feed': '/rss.xml',
     '/sitemap': '/sitemap.xml'
   },
-  integrations: [tailwind(), react(), image()],
+  integrations: [tailwindcss(), react()],
   markdown: {
     remarkPlugins: [remarkPlugin],
   },

apps/website/package.json

@@ -3,22 +3,26 @@
   "module": "index.ts",
   "type": "module",
   "dependencies": {
-    "@astrojs/image": "^0.18.0",
-    "@astrojs/react": "^4.1.2",
-    "@astrojs/rss": "^4.0.11",
-    "@astrojs/tailwind": "^6.0.2",
-    "@astrojs/vercel": "^8.1.5",
+    "@astrojs/react": "^4.3.0",
+    "@astrojs/rss": "^4.0.12",
+    "@astrojs/vercel": "^8.2.2",
     "@crocoder-dev/remark-plugin": "*",
-    "@crocoder-dev/tailwind": "*",
-    "astro": "5.7.13",
+    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/postcss": "^4.1.11",
+    "@tailwindcss/typography": "^0.5.16",
+    "@tailwindcss/vite": "^4.1.11",
+    "astro": "5.12.0",
     "astro-font": "^1.1.0",
+    "autoprefixer": "^10.4.21",
     "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
     "marked": "^15.0.5",
     "posthog-js": "^1.222.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-icons": "^5.4.0"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-icons": "^5.5.0",
+    "tailwind": "^4.0.0",
+    "tailwind-bootstrap-grid": "^6.0.0"
   },
   "scripts": {
     "dev": "astro dev --port 4321",

packages/tailwind/postcss.config.js apps/website/postcss.config.cjspackages/tailwind/postcss.config.js renamed to apps/website/postcss.config.cjs

@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/postcss': {},
     autoprefixer: {},
   },
 };