Rebuild to Astro [wip]

.eslintrc.json

@@ -1,5 +1,5 @@
 {
- "extends": ["eslint:recommended", "next", "prettier"],
+ "extends": ["eslint:recommended", "prettier"],
  "parserOptions": {
   "ecmaVersion": "latest",
   "sourceType": "module"

.gitignore

@@ -102,3 +102,6 @@ dist
 
 # TernJS port file
 .tern-port
+
+# Vercel output directory
+.vercel

.prettierignore

@@ -3,9 +3,8 @@ pnpm-lock.yaml
 package.json
 
 # Build
-.next
-.vercel
-out
+dist/
+.vercel/
 
 # Readme
 README.md

.prettierrc

@@ -15,5 +15,5 @@
  "trailingComma": "es5",
  "useTabs": false,
  "vueIndentScriptAndStyle": false,
- "plugins": ["prettier-plugin-tailwindcss"]
+ "plugins": ["prettier-plugin-tailwindcss", "prettier-plugin-astro"]
 }

astro.config.mjs

@@ -0,0 +1,13 @@
+// https://astro.build/config
+import { defineConfig } from "astro/config";
+import tailwind from "@astrojs/tailwind";
+import compress from "astro-compress";
+import vercel from "@astrojs/vercel/serverless";
+
+// https://astro.build/config
+export default defineConfig({
+ output: "server",
+ site: "https://views.igorkowalczyk.dev",
+ adapter: vercel(),
+ integrations: [tailwind(), compress()],
+});

database/Connect.js

@@ -1,7 +1,7 @@
 import mongoose from "mongoose";
 import Schema from "./Schema";
 
-const uri = process.env.MONGODB_URI;
+const uri = import.meta.env.MONGODB_URI;
 if (!uri) throw new Error("Please add your Mongo URI to .env file");
 
 const connection = new mongoose.connect(uri, {

database/Schema.js

@@ -1,5 +1,7 @@
 import mongoose from "mongoose";
 
+mongoose.set("strictQuery", true);
+
 const Schema = mongoose.Schema({
  username: { type: String, index: true, unique: true },
  views: Number,

package.json

@@ -2,15 +2,16 @@
   "name": "@igorkowalczyk/views",
   "version": "1.0.0",
   "description": "👀 Count the views of your github profile with your own custom badge",
+  "private": true,
   "scripts": {
-    "start": "next start",
-    "dev": "NODE_ENV=development next dev",
-    "build": "next build",
-    "deploy": "npm run build && npm run start",
-    "format": "prettier --write . --ignore-unknown",
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro",
+    "format": "prettier --write . --ignore-unknown --plugin-search-dir=.",
     "format:check": "prettier --check .",
-    "analyze": "ANALYZE=true next build",
-    "lint": "next lint"
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx,.astro"
   },
   "repository": {
     "type": "git",
@@ -20,6 +21,7 @@
     "views",
     "github",
     "profile",
+    "astro",
     "mongodb",
     "views-counter",
     "counter"
@@ -31,34 +33,28 @@
   },
   "homepage": "https://github.com/IgorKowalczyk/views#readme",
   "dependencies": {
+    "@astrojs/tailwind": "3.0.0",
+    "@astrojs/vercel": "^3.0.0",
     "@igorkowalczyk/is-browser": "3.0.0",
-    "@next/font": "13.1.5",
-    "@vercel/analytics": "0.1.8",
+    "astro": "2.0.0",
+    "astro-compress": "1.1.28",
     "badge-maker": "3.3.1",
+    "canvas-confetti": "^1.6.0",
+    "mini-svg-data-uri": "^1.4.4",
     "mongoose": "6.8.4",
-    "next": "13.1.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "tailwindcss": "3.2.4"
+    "preact": "^10.11.3",
+    "prettier-plugin-astro": "^0.7.2",
+    "tailwindcss": "3.2.4",
+    "tailwindcss-text-fill": "0.2.0"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "13.1.5",
     "@tailwindcss/forms": "0.5.3",
     "autoprefixer": "10.4.13",
-    "compression-webpack-plugin": "10.0.0",
     "eslint": "8.32.0",
-    "eslint-config-next": "13.1.5",
     "eslint-config-prettier": "8.6.0",
-    "lodash-webpack-plugin": "0.11.6",
     "postcss": "8.4.21",
     "prettier": "2.8.3",
-    "prettier-plugin-tailwindcss": "0.2.1",
-    "terser-webpack-plugin": "5.3.6",
-    "typescript": "4.9.4",
-    "webpack": "5.75.0"
-  },
-  "peerDependencies": {
-    "typescript": ">=3.3.1"
+    "prettier-plugin-tailwindcss": "0.2.1"
   },
   "packageManager": "pnpm@7.26.0"
 }