diff --git a/.gitignore b/.gitignore
index 61c5e7b..b4db807 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
 .idea/
 *.iml
-build/
\ No newline at end of file
+build/
+node_modules
+/package-lock.json
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..545b563
--- /dev/null
+++ b/package.json
@@ -0,0 +1,10 @@
+{
+  "comment": "The package.json is used to configure sponsorkit and nothing else",
+  "private": true,
+  "scripts": {
+    "build": "sponsorkit"
+  },
+  "devDependencies": {
+    "sponsorkit": "latest"
+  }
+}
diff --git a/sponsor.config.ts b/sponsor.config.ts
new file mode 100644
index 0000000..14b9178
--- /dev/null
+++ b/sponsor.config.ts
@@ -0,0 +1,38 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { defineConfig, presets } from "sponsorkit";
+
+export default defineConfig({
+  github: {
+    login: "rrousselGit",
+  },
+  tiers: [
+    {
+      title: "Backers",
+      // to replace the entire tier rendering
+      // compose: (composer, tierSponsors, config) => {
+      //   composer.addRaw(
+      //     '<-- custom svg -->',
+      //   )
+      // },
+    },
+    {
+      title: "Sponsors",
+      monthlyDollars: 24,
+      preset: presets.medium,
+      // to insert custom elements after the tier block
+      composeAfter: (composer, tierSponsors, config) => {
+        composer.addSpan(10);
+      },
+    },
+    {
+      title: "Silver Sponsors",
+      monthlyDollars: 50,
+      preset: presets.large,
+    },
+    {
+      title: "Gold Sponsors",
+      monthlyDollars: 100,
+      preset: presets.xl,
+    },
+  ],
+});