+ Access development support for Graphile projects through the Private
+ Advisor tier, giving your organization access to the knowledge and
+ experience of the Graphile team for any issues you have with{" "}
+ PostGraphile, Grafast and the wider Graphile suite, and other tools in
+ the ecosystem such as TypeScript, SQL, Node.js, GraphQL and more. If
+ you’re running any of the Graphile tools, you won’t find anyone more
+ qualified to help.
+
+
+
All the benefits of a Featured Sponsor and...
+
One-to-one access to the Graphile team throughout the year
+
+ Priority support straight from the maintainer
+
+
+ Add the Graphile team to your chat server for timely responses
+
+
Add the Graphile team to your GitHub/GitLab organization
+
Reference your code verbatim
+
Calls arranged as required
+
NDA available
+
+ Access to discounted consultancy packages
+
+
+ The warm feeling that comes from knowing{" "}
+
+ you’re making a significant difference to PostGraphile’s
+ development and sustainability
+
+
+
+ );
+}
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
new file mode 100644
index 00000000..15bad4c9
--- /dev/null
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -0,0 +1,159 @@
+.tiers {
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+}
+
+.tierRow {
+ justify-content: center;
+ gap: 2rem;
+ display: flex;
+ flex-direction: column;
+}
+
+.tier {
+ display: flex;
+ flex-direction: column;
+ flex: 0 0 75%;
+ justify-content: flex-start;
+ align-items: flex-start;
+ font-weight: normal;
+ font-size: 0.9rem;
+ margin: 0.5rem;
+ padding: 1rem;
+ border: 2px solid var(--ifm-color-primary-darker);
+ border-radius: 12px;
+}
+
+[data-theme="dark"] .tier {
+ border: 2px solid var(--ifm-color-primary);
+}
+
+.banner {
+ display: flex;
+ width: 100%;
+ flex: 0 0 33%;
+ justify-content: space-between;
+}
+
+.info {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+}
+
+.title {
+ color: var(--ifm-color-primary-darker);
+}
+
+.note {
+ font-size: 0.8rem;
+ color: var(--ifm-color-primary-darker);
+ font-weight: var(--ifm-font-weight-base);
+}
+
+[data-theme="dark"] .title,
+[data-theme="dark"] .note {
+ color: var(--ifm-color-primary);
+}
+
+.tagline {
+ font-weight: var(--ifm-heading-font-weight);
+}
+
+.price {
+ font-weight: bold;
+}
+
+.was {
+ color: var(--ifm-color-gray-400);
+ text-decoration: line-through;
+}
+
+[data-theme="dark"] .was {
+ color: var(--ifm-color-gray-700);
+}
+
+.description {
+ font-size: 1rem;
+ padding: 0.5rem 0 0.5rem 0;
+}
+
+.button {
+ width: 100%;
+ margin: 0 0 1rem 0;
+}
+
+.tier .button {
+ background-color: var(--ifm-color-primary-darker);
+ border-color: var(--ifm-color-primary-darker);
+}
+
+.tier .button:hover {
+ background-color: var(--ifm-color-primary-darkest);
+ border-color: var(--ifm-color-primary-darkest);
+}
+
+[data-theme="dark"] .tier .button {
+ background-color: var(--ifm-color-primary);
+ border-color: var(--ifm-color-primary);
+}
+
+[data-theme="dark"] .tier .button:hover {
+ border: 1px solid var(--ifm-color-primary-lightest);
+ background-color: var(--ifm-color-primary-lightest);
+}
+
+.borderbutton {
+ composes: button;
+}
+
+.tier:nth-child(n) .borderbutton {
+ background-color: transparent;
+ border: 1px solid var(--ifm-color-primary-darker);
+ color: var(--ifm-color-primary-darker);
+}
+
+.tier:nth-child(n) .borderbutton:hover {
+ border: 1px solid var(--ifm-color-primary-darkest);
+ color: var(--ifm-color-primary-darkest);
+}
+
+[data-theme="dark"] .tier:nth-child(n) .borderbutton {
+ border: 1px solid var(--ifm-color-primary-lightest);
+ color: var(--ifm-color-primary-lightest);
+}
+
+[data-theme="dark"] .tier:nth-child(n) .borderbutton:hover {
+ border: 1px solid var(--ifm-color-primary);
+ color: var(--ifm-color-primary);
+ background-color: transparent;
+}
+
+.button:before {
+ content: "Join on GitHub Sponsors";
+}
+
+.borderbutton:before {
+ content: "Contact for bespoke service";
+}
+
+@media screen and (max-width: 1200px) {
+ .tierRow {
+ flex-direction: column;
+ }
+ .tier {
+ font-size: 1rem;
+ margin: 0;
+ }
+ .banner {
+ flex-direction: column;
+ }
+ .button:before {
+ content: "GitHub Sponsors";
+ }
+ .borderbutton:before {
+ content: "Contact";
+ }
+}
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 48a9e5aa..5df81721 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -7,6 +7,8 @@ import Sponsor from "@site/src/components/Sponsor";
import Sponsors from "@site/src/components/Sponsors";
import SponsorButtons from "@site/src/components/SponsorButtons";
import Link from "@docusaurus/Link";
+import TierList from "@site/src/components/Tiers";
+import TierPlusList from "@site/src/components/TiersPlus";
## Sponsor Graphile’s Open Source Software
@@ -83,3 +85,30 @@ the rate of fixes, documentation improvements, and feature development on these
and other projects.
+
+## Why are Graphile projects “crowd-funded open-source”?
+
+Many of our projects are open-source to give users great freedom in how they use
+the software, and to enable the community to have influence over how the
+projects progress to make it appropriate for a wide range of use-cases. To
+ensure users can rely on these projects for years to come, they need to be well
+directed and financially sustainable.
+
+**The best way to ensure that Graphile software is something you can depend on
+for years to come is through monthly sponsorship.** Crowd-sourced funding
+enables us to spend the most time directly working on improving the software,
+which you and other users then benefit from.
+
+## Sponsor tiers & benefits
+
+As well as ensuring the sustainability and longevity of PostGraphile and the
+wider Graphile suite of developer tooling, sponsorship also gives you or your
+company some additional benefits such as access to security announcements and
+being featured in the README files Graphile’s main open source projects. Choose
+the tier which matches your funding goal, higher tiers come with more benefits.
+
+
+
+## Development Support
+
+
From 4300bacecfaafd53440cf5fe4e9fd732d62052c5 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Wed, 23 Jul 2025 15:40:05 +0100
Subject: [PATCH 07/37] Tweak wording for Worker
---
website/src/components/Tiers/index.js | 22 +++++++---------------
website/src/components/TiersPlus/index.js | 6 +++---
website/src/pages/sponsors.mdx | 7 ++++---
3 files changed, 14 insertions(+), 21 deletions(-)
diff --git a/website/src/components/Tiers/index.js b/website/src/components/Tiers/index.js
index 083bdebb..dd6c1ec8 100644
--- a/website/src/components/Tiers/index.js
+++ b/website/src/components/Tiers/index.js
@@ -19,11 +19,8 @@ const TierList = [
Graphile Sponsors page
{" "}
-
- Your name among those randomly featured in the PostGraphile CLI
-
Post job opportunities to our Discord community
-
PostGraphile stickers
+
Graphile Worker stickers
Access to the #supporter-lounge on Discord
The warm feeling from knowing you’re supporting Open Source Software
@@ -46,7 +43,10 @@ const TierList = [
Access to private security announcements
- Free access to PostGraphile V4 Pro
+ Free access to{" "}
+
+ Worker Pro
+
Access to{" "}
@@ -58,13 +58,9 @@ const TierList = [
Your name and avatar/logo featured on our websites,
including this one
-
- Your name more frequently featured in the
- PostGraphile CLI
-
The warm feeling that comes from knowing you’re making a difference
- to PostGraphile’s development and sustainability
+ to Graphile Worker’s development and sustainability
@@ -91,10 +87,6 @@ const TierList = [
Your name and avatar/logo prominently featured on
our websites
-
- Your name even more frequently featured in the
- PostGraphile CLI
-
Access to #vip-lounge on Discord
@@ -107,7 +99,7 @@ const TierList = [
The warm feeling that comes from knowing{" "}
- you’re making a significant difference to PostGraphile’s
+ you’re making a significant difference to Graphile Worker’s
development and sustainability
Access development support for Graphile projects through the Private
Advisor tier, giving your organization access to the knowledge and
- experience of the Graphile team for any issues you have with{" "}
- PostGraphile, Grafast and the wider Graphile suite, and other tools in
+ experience of the Graphile team for any issues you have with Graphile
+ Worker, PostGraphile and the wider Graphile suite, and other tools in
the ecosystem such as TypeScript, SQL, Node.js, GraphQL and more. If
you’re running any of the Graphile tools, you won’t find anyone more
qualified to help.
@@ -44,7 +44,7 @@ const TierList = [
The warm feeling that comes from knowing{" "}
- you’re making a significant difference to PostGraphile’s
+ you’re making a significant difference to Graphile Worker’s
development and sustainability
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 5df81721..35b25e88 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -101,11 +101,12 @@ which you and other users then benefit from.
## Sponsor tiers & benefits
-As well as ensuring the sustainability and longevity of PostGraphile and the
+As well as ensuring the sustainability and longevity of Graphile Worker and the
wider Graphile suite of developer tooling, sponsorship also gives you or your
company some additional benefits such as access to security announcements and
-being featured in the README files Graphile’s main open source projects. Choose
-the tier which matches your funding goal, higher tiers come with more benefits.
+being featured in the README files of Graphile’s main open source projects.
+Choose the tier which matches your funding goal, higher tiers come with more
+benefits.
From 38aaf35d7a3cf77c4478c2ed5ae00fc668daf70d Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Thu, 24 Jul 2025 11:12:55 +0100
Subject: [PATCH 08/37] Update pricing
---
website/src/pages/pricing.mdx | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/website/src/pages/pricing.mdx b/website/src/pages/pricing.mdx
index ade24cc4..f12107df 100644
--- a/website/src/pages/pricing.mdx
+++ b/website/src/pages/pricing.mdx
@@ -658,5 +658,9 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
```
+<<<<<<< HEAD
Last reviewed: 21st April 2026
+=======
+ Last reviewed: July 2025
+>>>>>>> Update pricing
From 2a215803c6590753d5aa4974b0f38e128266d4fe Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Thu, 24 Jul 2025 11:21:49 +0100
Subject: [PATCH 09/37] Update pricing
---
website/src/pages/pricing.mdx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/website/src/pages/pricing.mdx b/website/src/pages/pricing.mdx
index f12107df..f41f3d85 100644
--- a/website/src/pages/pricing.mdx
+++ b/website/src/pages/pricing.mdx
@@ -85,7 +85,7 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
One-to-one access to the Graphile team throughout the year
+
+ Priority support straight from the maintainer
+
+
+ Add the Graphile team to your chat server for timely responses
+
+
Add the Graphile team to your GitHub/GitLab organization
+
Reference your code verbatim
+
Calls arranged as required
+
NDA available
+
+ Access to discounted consultancy packages
+
+
+ The warm feeling that comes from knowing{" "}
+
+ you’re making a significant difference to Graphile Worker’s
+ development and sustainability
+
+
+
+
+ ),
+ },
+ {
+ title: "Annual Plan",
+ tagline: "Maximum savings with full year commitment",
+ pricing: "$9,999",
+ was: "$11,988",
+ link: "mailto:team@graphile.com?subject=Private%20Advisor%20enquiry",
+ buttonText: "",
+ frequency: "per year",
+ comparison: "That's just $833.25/month",
+ badge: "Best Value - Save $1,999 ",
+ featured: true,
description: (
<>
-
- Access development support for Graphile projects through the Private
- Advisor tier, giving your organization access to the knowledge and
- experience of the Graphile team for any issues you have with Graphile
- Worker, PostGraphile and the wider Graphile suite, and other tools in
- the ecosystem such as TypeScript, SQL, Node.js, GraphQL and more. If
- you’re running any of the Graphile tools, you won’t find anyone more
- qualified to help.
-
All the benefits of a Featured Sponsor and...
One-to-one access to the Graphile team throughout the year
);
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
index 15bad4c9..4ab2b5cd 100644
--- a/website/src/components/TiersPlus/styles.module.css
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -1,20 +1,20 @@
.tiers {
display: flex;
width: 100%;
- flex-direction: column;
+ flex-direction: row;
}
.tierRow {
justify-content: center;
gap: 2rem;
display: flex;
- flex-direction: column;
}
.tier {
+ position: relative;
display: flex;
flex-direction: column;
- flex: 0 0 75%;
+ flex: 0 0 33%;
justify-content: flex-start;
align-items: flex-start;
font-weight: normal;
@@ -23,6 +23,25 @@
padding: 1rem;
border: 2px solid var(--ifm-color-primary-darker);
border-radius: 12px;
+ &.featured {
+ background-color: #fff4ec;
+ border: 3px solid var(--ifm-color-primary);
+ }
+}
+
+.badge {
+ position: absolute;
+ left: 50%;
+ top: 0%;
+ transform: translate(-50%, -50%);
+ background-color: white;
+ border-radius: calc(infinity * 1px);
+ padding: 0.4rem;
+ .featured & {
+ background-color: var(--ifm-color-primary);
+ color: white;
+ font-weight: bold;
+ }
}
[data-theme="dark"] .tier {
@@ -32,8 +51,8 @@
.banner {
display: flex;
width: 100%;
- flex: 0 0 33%;
justify-content: space-between;
+ flex-direction: column;
}
.info {
@@ -105,38 +124,8 @@
background-color: var(--ifm-color-primary-lightest);
}
-.borderbutton {
- composes: button;
-}
-
-.tier:nth-child(n) .borderbutton {
- background-color: transparent;
- border: 1px solid var(--ifm-color-primary-darker);
- color: var(--ifm-color-primary-darker);
-}
-
-.tier:nth-child(n) .borderbutton:hover {
- border: 1px solid var(--ifm-color-primary-darkest);
- color: var(--ifm-color-primary-darkest);
-}
-
-[data-theme="dark"] .tier:nth-child(n) .borderbutton {
- border: 1px solid var(--ifm-color-primary-lightest);
- color: var(--ifm-color-primary-lightest);
-}
-
-[data-theme="dark"] .tier:nth-child(n) .borderbutton:hover {
- border: 1px solid var(--ifm-color-primary);
- color: var(--ifm-color-primary);
- background-color: transparent;
-}
-
.button:before {
- content: "Join on GitHub Sponsors";
-}
-
-.borderbutton:before {
- content: "Contact for bespoke service";
+ content: "Start Plan";
}
@media screen and (max-width: 1200px) {
@@ -153,7 +142,4 @@
.button:before {
content: "GitHub Sponsors";
}
- .borderbutton:before {
- content: "Contact";
- }
}
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 35b25e88..faf31ae4 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -112,4 +112,11 @@ benefits.
## Development Support
+Access development support for Graphile projects through the Private Advisor
+tier, giving your organization access to the knowledge and experience of the
+Graphile team for any issues you have with Graphile Worker, PostGraphile and the
+wider Graphile suite, and other tools in the ecosystem such as TypeScript, SQL,
+Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
+won’t find anyone more qualified to help.
+
From fa647eea7194fe5ce38bdbda5ccf50429f2c8e4a Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Wed, 30 Jul 2025 17:57:10 +0100
Subject: [PATCH 11/37] Update TiersPlus to include annual plan
---
website/src/components/TiersPlus/index.js | 80 +++++++++---------
.../components/TiersPlus/styles.module.css | 81 +++++++++++++++----
website/src/pages/sponsors.mdx | 23 ++++++
3 files changed, 129 insertions(+), 55 deletions(-)
diff --git a/website/src/components/TiersPlus/index.js b/website/src/components/TiersPlus/index.js
index 80fe5fbc..f5b9801e 100644
--- a/website/src/components/TiersPlus/index.js
+++ b/website/src/components/TiersPlus/index.js
@@ -11,32 +11,28 @@ const TierList = [
was: "$1,500",
link: "https://github.com/sponsors/benjie/sponsorships?tier_id=42012",
buttonText: "",
- frequency: "per month",
- comparison: "",
+ frequency: "/mo",
+ comparison: "Cancel any time",
+ badge: "Updated August 2025",
description: (
<>
-
All the benefits of a Featured Sponsor and...
-
One-to-one access to the Graphile team throughout the year
- Priority support straight from the maintainer
+ Start today with payment through GitHub
- Add the Graphile team to your chat server for timely responses
+ Flexible
+
+
New lower price for 2025
+
+ Predictable monthly cost with no surprises
-
Add the Graphile team to your GitHub/GitLab organization
-
Reference your code verbatim
-
Calls arranged as required
-
NDA available
Access to discounted consultancy packages
- The warm feeling that comes from knowing{" "}
-
- you’re making a significant difference to Graphile Worker’s
- development and sustainability
-
+ Includes a formal contract for your procurement
+ process
@@ -45,38 +41,35 @@ const TierList = [
{
title: "Annual Plan",
tagline: "Maximum savings with full year commitment",
- pricing: "$9,999",
- was: "$11,988",
+ pricing: "$899",
+ hint: "10% discount",
+ //was: "$11,988",
link: "mailto:team@graphile.com?subject=Private%20Advisor%20enquiry",
buttonText: "",
- frequency: "per year",
- comparison: "That's just $833.25/month",
- badge: "Best Value - Save $1,999 ",
+ frequency: "/mo",
+ comparison: "Paid annually — $10,788/yr",
+ badge: "Best Value — Save $1,999",
featured: true,
description: (
<>
-
All the benefits of a Featured Sponsor and...
-
One-to-one access to the Graphile team throughout the year
- Priority support straight from the maintainer
+ Lock in your rate for a full year
+
+
+
+ Save money — pay once, enjoy the lowest rate
- Add the Graphile team to your chat server for timely responses
+ One invoice, one payment — no monthly admin
+ headaches
-
Add the Graphile team to your GitHub/GitLab organization
-
Reference your code verbatim
-
Calls arranged as required
-
NDA available
Access to discounted consultancy packages
- The warm feeling that comes from knowing{" "}
-
- you’re making a significant difference to Graphile Worker’s
- development and sustainability
-
+ Includes a formal contract for your procurement
+ process
{TierList.map((props, idx) => (
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
index a9d6fdcb..5d4f1669 100644
--- a/website/src/components/TiersPlus/styles.module.css
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -177,10 +177,6 @@
background-color: var(--ifm-color-primary-lightest);
}
-.button:before {
- content: "Start Plan";
-}
-
@media screen and (max-width: 1200px) {
.tierRow {
flex-direction: column;
@@ -192,7 +188,4 @@
.banner {
flex-direction: column;
}
- .button:before {
- content: "GitHub Sponsors";
- }
}
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index b8c1a990..352766ae 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -113,10 +113,10 @@ benefits.
## Development Support
Access development support for Graphile projects through the Private Advisor
-tier, giving your organization access to the knowledge and experience of the
-Graphile team for any issues you have with Graphile Worker, PostGraphile and the
-wider Graphile suite, and other tools in the ecosystem such as TypeScript, SQL,
-Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
+sponsor tier, giving your organization access to the knowledge and experience of
+the Graphile team for any issues you have with Graphile Worker, PostGraphile and
+the wider Graphile suite, and other tools in the ecosystem such as TypeScript,
+SQL, Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
won’t find anyone more qualified to help.
@@ -130,9 +130,6 @@ won’t find anyone more qualified to help.
Reference your code verbatim
Calls arranged as required
NDA available
-
- Access to discounted consultancy packages
-
The warm feeling that comes from knowing{" "}
From 9aade8cd7ce838ae91a5cee9606c72c0e5953b37 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Fri, 1 Aug 2025 18:18:30 +0100
Subject: [PATCH 14/37] Reflect changes made in Crystal PR
---
.../src/components/Sponsors/styles.module.css | 1 +
.../src/components/TierPlusButtons/index.js | 25 +++++
.../TierPlusButtons/styles.module.css | 69 ++++++++++++++
website/src/components/Tiers/index.js | 14 ++-
.../src/components/Tiers/styles.module.css | 5 +-
website/src/components/TiersPlus/index.js | 14 ++-
.../components/TiersPlus/styles.module.css | 48 ++++++++--
website/src/css/custom.css | 8 ++
website/src/pages/pricing.mdx | 41 +++++----
website/src/pages/pricing.module.css | 14 +--
website/src/pages/sponsors.mdx | 92 +++++++++----------
website/src/pages/support.mdx | 91 ++++++++++++++++++
12 files changed, 320 insertions(+), 102 deletions(-)
create mode 100644 website/src/components/TierPlusButtons/index.js
create mode 100644 website/src/components/TierPlusButtons/styles.module.css
create mode 100644 website/src/pages/support.mdx
diff --git a/website/src/components/Sponsors/styles.module.css b/website/src/components/Sponsors/styles.module.css
index 7d3d67ee..97eef7a2 100644
--- a/website/src/components/Sponsors/styles.module.css
+++ b/website/src/components/Sponsors/styles.module.css
@@ -1,4 +1,5 @@
.sponsorContainer {
+ composes: wide from global;
display: flex;
flex-wrap: wrap;
align-items: space-around;
diff --git a/website/src/components/TierPlusButtons/index.js b/website/src/components/TierPlusButtons/index.js
new file mode 100644
index 00000000..4bd02c4c
--- /dev/null
+++ b/website/src/components/TierPlusButtons/index.js
@@ -0,0 +1,25 @@
+import Link from "@docusaurus/Link";
+import styles from "@site/src/components/TierPlusButtons/styles.module.css";
+import clsx from "clsx";
+import React from "react";
+
+export default function TierPlusButtons() {
+ return (
+
);
}
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
index 5d4f1669..95dd18d1 100644
--- a/website/src/components/TiersPlus/styles.module.css
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -1,6 +1,9 @@
.tiers {
+ composes: wide from global;
display: flex;
flex-direction: column;
+ padding-top: 2rem;
+ padding-bottom: 2rem;
}
.tierRow {
@@ -9,7 +12,8 @@
display: flex;
}
-.tier {
+.tier,
+.tierSupport {
position: relative;
display: flex;
flex-direction: column;
@@ -18,7 +22,6 @@
align-items: flex-start;
font-weight: normal;
font-size: 0.9rem;
- margin: 0.5rem;
padding: 1rem;
border: 2px solid var(--ifm-color-primary-darker);
border-radius: 12px;
@@ -28,6 +31,28 @@
}
}
+[data-theme="dark"] .tier,
+[data-theme="dark"] .tierSupport {
+ border: 2px solid var(--ifm-color-primary-light);
+ &.featured {
+ background-color: #000a15;
+ border: 3px solid var(--ifm-color-primary);
+ }
+}
+
+.tierSupport {
+ flex: 0 0 100%;
+ &.featured {
+ background-color: transparent;
+ }
+}
+
+[data-theme="dark"] .tierSupport {
+ &.featured {
+ background-color: transparent;
+ }
+}
+
.hint {
background: rgb(230, 246, 230);
color: rgb(0, 49, 0);
@@ -39,10 +64,6 @@
}
.badge {
- /* position: absolute;
- left: 50%;
- top: 0%;
- transform: translate(-50%, -50%); */
margin: -1.8rem 0 0;
background-color: white;
border-radius: calc(infinity * 1px);
@@ -107,7 +128,8 @@
font-size: 1rem;
}
-.priceline {
+.priceline,
+.pricelineSupport {
font-weight: var(--ifm-heading-font-weight);
text-align: center;
font-size: 2rem;
@@ -115,6 +137,10 @@
align-items: center;
}
+.pricelineSupport {
+ align-items: baseline;
+}
+
.price {
font-weight: bold;
}
@@ -127,6 +153,14 @@
}
}
+[data-theme="dark"] .pricesub {
+ color: var(--ifm-color-primary-lighter);
+}
+
+[data-theme="dark"] .featured .pricesub {
+ color: var(--ifm-color-primary);
+}
+
.was {
color: var(--ifm-color-gray-400);
text-decoration: line-through;
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 83ee6a15..92b792fb 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -59,3 +59,11 @@ figcaption {
.prettyDivide path {
fill: var(--ifm-color-primary);
}
+
+.mdx-wrapper {
+ article > :not(.wide) {
+ max-width: 49rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
diff --git a/website/src/pages/pricing.mdx b/website/src/pages/pricing.mdx
index f41f3d85..93d7412e 100644
--- a/website/src/pages/pricing.mdx
+++ b/website/src/pages/pricing.mdx
@@ -16,12 +16,12 @@ and “quality of life” features which can help your team to save
development costs and removes the need to scale to zero while upgrading Worker
versions.
-Worker Pro is available as a perk for
-[Graphile sponsors](https://graphile.org/sponsor/). Businesses which use
-Graphile Worker should explore sponsorship as the first option to obtain Worker
-Pro, as sponsorship also helps to fund development and maintenance of the entire
-Graphile suite, as well as enabling us to advance the software they rely on. At
-the time of writing, there are no other ways to obtain Worker Pro.
+Worker Pro is available as a perk for [Graphile sponsors](/sponsor).
+**Businesses which use Graphile Worker should explore sponsorship as the first
+option to obtain Worker Pro, as sponsorship also helps to fund development and
+maintenance of the entire Graphile suite, as well as enabling us to advance the
+software they rely on**. At the time of writing, there are no other ways to
+obtain Worker Pro.
:::tip Launch Offer
@@ -39,9 +39,9 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
Sponsor” tier (Sponsor+) is suitable for many small and
medium businesses while the “Private Advisor Tier” (
Enterprise) gives access to a complimentary{" "}
- Development Support contract
- and discounted consultancy packages, perfect for enterprises and those who
- need bespoke advice and support on their project.
+ Development Support contract and discounted
+ consultancy packages, perfect for enterprises and those who need bespoke
+ advice and support on their project.
@@ -51,9 +51,9 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
businesses with some perks such as free access to the database tool{" "}
pgRITA and discounted consultancy calls. The
“Private Advisor Tier” gives access to a complimentary{" "}
- Development Support contract
- and discounted consultancy packages, perfect for enterprises and those who
- need bespoke advice and support on their project.
+ Development Support contract and discounted
+ consultancy packages, perfect for enterprises and those who need bespoke
+ advice and support on their project.
@@ -507,9 +507,12 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
From{" "}
+<<<<<<< HEAD
$1,500/mo{" "}
+=======
+>>>>>>> Reflect changes made in Crystal PR
$899/mo USD
@@ -545,9 +548,9 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
@@ -624,9 +627,9 @@ receive priority support from our maintainers within our Discord Server.
Sponsors on the “Private Advisor” tier or above can enter a complimentary
Development Support contract and receive support through their company
-Slack/GitHub organization. Prices start at $899 a month, with no minimum term.
-More information can be found at the
-[Development Support page](https://graphile.org/support/) or you can
+Slack/GitHub organization. Priced at $999 a month, with no minimum term, or
+receive a discount with an annual contract. More information can be found at the
+[Development Support page](/support) or you can
[get in touch via email](mailto:team@graphile.org?subject=Enterprise%20enquiry).
### I’m an enterprise user and need X, Y and Z
@@ -658,9 +661,13 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
```
+<<<<<<< HEAD
<<<<<<< HEAD
Last reviewed: 21st April 2026
=======
Last reviewed: July 2025
>>>>>>> Update pricing
+=======
+ Last reviewed: August 2025
+>>>>>>> Reflect changes made in Crystal PR
diff --git a/website/src/pages/pricing.module.css b/website/src/pages/pricing.module.css
index 4926790c..e65c5333 100644
--- a/website/src/pages/pricing.module.css
+++ b/website/src/pages/pricing.module.css
@@ -27,6 +27,7 @@
}
.pricingTable {
+ composes: wide from global;
overflow-x: visible;
overflow-y: visible;
}
@@ -126,12 +127,10 @@
border-top: 1px solid var(--ifm-color-primary-darker);
}
-.showFull {
- display: contents;
-}
-
-.showMobile {
- display: none;
+@media screen and (min-width: 927px) {
+ .showMobile {
+ display: none;
+ }
}
@media screen and (max-width: 926px) {
@@ -205,7 +204,4 @@
.showFull {
display: none;
}
- .showMobile {
- display: contents;
- }
}
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 352766ae..bd4840c8 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -3,9 +3,12 @@ title: "Sponsor Graphile Open Source Software"
hide_table_of_contents: true
---
+import clsx from "clsx";
+
import Sponsor from "@site/src/components/Sponsor";
import Sponsors from "@site/src/components/Sponsors";
import SponsorButtons from "@site/src/components/SponsorButtons";
+import sponsorStyles from "@site/src/components/TiersPlus/styles.module.css";
import Link from "@docusaurus/Link";
import TierList from "@site/src/components/Tiers";
import TierPlusList from "@site/src/components/TiersPlus";
@@ -78,65 +81,52 @@ to fund ongoing development on Graphile Worker through sponsorship. THANK YOU!
-Graphile has a number of crowd-funded open-source projects, licensed under the
-permissive MIT license, including Graphile Worker, PostGraphile,
-Grafast, Graphile Migrate and Graphile Starter. Sponsorship increases
-the rate of fixes, documentation improvements, and feature development on these
-and other projects.
-
-
-
-## Why are Graphile projects “crowd-funded open-source”?
-
-Many of our projects are open-source to give users great freedom in how they use
-the software, and to enable the community to have influence over how the
-projects progress to make it appropriate for a wide range of use-cases. To
-ensure users can rely on these projects for years to come, they need to be well
-directed and financially sustainable.
+## Sponsor tiers & benefits
-**The best way to ensure that Graphile software is something you can depend on
-for years to come is through monthly sponsorship.** Crowd-sourced funding
-enables us to spend the most time directly working on improving the software,
-which you and other users then benefit from.
+
-## Sponsor tiers & benefits
+
+
+
+
+
+
Development Support
+
+ From
+ $899
+ /mo
+
+
+
+ Find out more
+
+
+
+
+
As well as ensuring the sustainability and longevity of Graphile Worker and the
wider Graphile suite of developer tooling, sponsorship also gives you or your
company some additional benefits such as access to security announcements and
being featured in the README files of Graphile’s main open source projects.
-Choose the tier which matches your funding goal, higher tiers come with more
-benefits.
-
-
-## Development Support
+
-Access development support for Graphile projects through the Private Advisor
-sponsor tier, giving your organization access to the knowledge and experience of
-the Graphile team for any issues you have with Graphile Worker, PostGraphile and
-the wider Graphile suite, and other tools in the ecosystem such as TypeScript,
-SQL, Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
-won’t find anyone more qualified to help.
+## Why are Graphile projects “crowd-funded open-source”?
-
-
All the benefits of a Featured Sponsor and...
-
One-to-one access to the Graphile team throughout the year
-
- Priority support straight from the maintainer
-
-
Add the Graphile team to your chat server for timely responses
-
Add the Graphile team to your GitHub/GitLab organization
-
Reference your code verbatim
-
Calls arranged as required
-
NDA available
-
- The warm feeling that comes from knowing{" "}
-
- you’re making a significant difference to Graphile Worker’s development
- and sustainability
-
-
-
+Many of our projects are open-source under the permissive MIT license to give
+users great freedom in how they use the software, and to enable the community to
+have influence over how the projects progress to make it appropriate for a wide
+range of use-cases. To ensure users can rely on these projects for years to
+come, they need to be well directed and financially sustainable.
-
+**The best way to ensure that Graphile software is something you can depend on
+for years to come is through monthly sponsorship.** Crowd-sourced funding
+enables us to spend the most time directly working on improving the software,
+which you and other users then benefit from.
diff --git a/website/src/pages/support.mdx b/website/src/pages/support.mdx
new file mode 100644
index 00000000..89e36064
--- /dev/null
+++ b/website/src/pages/support.mdx
@@ -0,0 +1,91 @@
+---
+title: "Sponsor Graphile Open Source Software"
+hide_table_of_contents: true
+---
+
+import clsx from "clsx";
+
+import Link from "@docusaurus/Link";
+import styles from "@site/src/css/common.module.css";
+import TierList from "@site/src/components/Tiers";
+import TierPlusList from "@site/src/components/TiersPlus";
+import TierPlusButtons from "@site/src/components/TierPlusButtons";
+
+## Development Support
+
+Give your organization access to the knowledge and experience of the Graphile
+team for any issues you have with PostGraphile, Graphile Worker and the wider
+Graphile suite, and other tools in the ecosystem such as TypeScript, SQL,
+Node.js, GraphQL and more. If you’re running any of the Graphile tools,
+you won’t find anyone more qualified to help.
+
+
+
+## Benefits of Development Support
+
+
+
One-to-one access to the Graphile team throughout the year
+
+ Priority support straight from the maintainer
+
+
Add the Graphile team to your chat server for timely responses
+
Add the Graphile team to your GitHub/GitLab organization
+
Reference your code verbatim
+
Calls arranged as required
+
NDA available
+
+
+Plus, receive recognition as a Featured Sponsor:
+
+
+
+ Access to private security announcements
+
+
+ Name and logo{" "}
+ featured in the READMEs of Graphile’s main OSS projects{" "}
+ (shown on GitHub and npm)
+
+
+ Name and logo prominently featured on our
+ websites
+
+
+ Access to #vip-lounge on Graphile’s Discord
+
+
+ Free access to{" "}
+
+ pgRITA
+
+
+
+
+ Access to PostGraphile V4 Pro and{" "}
+
+ graphile-pro sponsors only project repository
+
+
+
+ The warm feeling that comes from knowing{" "}
+
+ you’re making a significant difference to Graphile Worker’s development
+ and sustainability
+
+
+
+
+
+
+## Graphile projects are “crowd-funded open-source”
+
+Many of our projects are open-source to give users great freedom in how they use
+the software, and to enable the community to have influence over how the
+projects progress to make it appropriate for a wide range of use-cases. To
+ensure users can rely on these projects for years to come, they need to be well
+directed and financially sustainable.
+
+**The best way to ensure that Graphile software is something you can depend on
+for years to come is through monthly sponsorship.** Crowd-sourced funding
+enables us to spend the most time directly working on improving the software,
+which you and other users then benefit from.
From 19f85b21bd8234b60f684392c4955ed39f9d2497 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Fri, 1 Aug 2025 18:19:57 +0100
Subject: [PATCH 15/37] Add support to navbar
---
website/docusaurus.config.js | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index b5d219f2..81cb1c5e 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -171,6 +171,11 @@ const config = {
label: "Sponsor",
position: "right",
},
+ {
+ to: "support",
+ label: "Support",
+ position: "right",
+ },
{
to: "pricing",
label: "Go Pro",
From dcb887616eb304b96ca52a3d9f3210b3c83bc6da Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Fri, 1 Aug 2025 18:37:09 +0100
Subject: [PATCH 16/37] tweak dark styles
---
.../TierPlusButtons/styles.module.css | 10 +++++--
.../components/TiersPlus/styles.module.css | 30 ++++++++++++++++---
2 files changed, 33 insertions(+), 7 deletions(-)
diff --git a/website/src/components/TierPlusButtons/styles.module.css b/website/src/components/TierPlusButtons/styles.module.css
index 0eaed0ef..b1da2c5f 100644
--- a/website/src/components/TierPlusButtons/styles.module.css
+++ b/website/src/components/TierPlusButtons/styles.module.css
@@ -40,8 +40,12 @@
}
[data-theme="dark"] .sponsorbutton {
- border: 1px solid var(--ifm-color-primary);
- background-color: var(--ifm-color-primary);
+ border: 1px solid var(--ifm-color-primary-light);
+ background-color: var(--ifm-color-primary-light);
+}
+
+[data-theme="dark"] .borderbutton {
+ color: black;
}
[data-theme="dark"] .sponsorbutton:hover {
@@ -51,7 +55,7 @@
[data-theme="dark"] .borderbutton:hover {
border: 1px solid var(--ifm-color-primary-lightest);
- color: var(--ifm-color-lightest);
+ background-color: var(--ifm-color-primary-lightest);
}
@media screen and (max-width: 995px) {
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
index 95dd18d1..8f0e27d2 100644
--- a/website/src/components/TiersPlus/styles.module.css
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -54,8 +54,8 @@
}
.hint {
- background: rgb(230, 246, 230);
- color: rgb(0, 49, 0);
+ background: rgb(221, 245, 221);
+ color: #059669;
padding: 0 0.8rem 0.1rem;
font-size: 0.8rem;
border-radius: calc(infinity * 1px);
@@ -63,6 +63,11 @@
height: 1.5rem;
}
+[data-theme="dark"] .hint {
+ background: #059669;
+ color: rgb(230, 246, 230);
+}
+
.badge {
margin: -1.8rem 0 0;
background-color: white;
@@ -78,8 +83,15 @@
}
}
-[data-theme="dark"] .tier {
- border: 2px solid var(--ifm-color-primary);
+[data-theme="dark"] .badge {
+ background-color: var(--ifm-color-primary-light);
+ border-color: var(--ifm-color-primary-light);
+ color: black;
+}
+
+[data-theme="dark"] .featured .badge {
+ background-color: var(--ifm-color-primary);
+ border-color: var(--ifm-color-primary);
}
.banner {
@@ -120,6 +132,11 @@
[data-theme="dark"] .title,
[data-theme="dark"] .note {
+ color: var(--ifm-color-primary-light);
+}
+
+[data-theme="dark"] .featured .title,
+[data-theme="dark"] .featured .note {
color: var(--ifm-color-primary);
}
@@ -202,6 +219,11 @@
}
[data-theme="dark"] .button {
+ background-color: var(--ifm-color-primary-light);
+ border-color: var(--ifm-color-primary-light);
+}
+
+[data-theme="dark"] .featured .button {
background-color: var(--ifm-color-primary);
border-color: var(--ifm-color-primary);
}
From 135e862cd0825875a5416ba306dacb7b751d9bfd Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Thu, 18 Sep 2025 11:07:17 +0100
Subject: [PATCH 17/37] Update date and color contrast of dev support boxes
---
website/src/components/Sponsor/index.js | 38 +++++++++++------------
website/src/components/TiersPlus/index.js | 2 +-
2 files changed, 20 insertions(+), 20 deletions(-)
diff --git a/website/src/components/Sponsor/index.js b/website/src/components/Sponsor/index.js
index 3103e5fe..17392703 100644
--- a/website/src/components/Sponsor/index.js
+++ b/website/src/components/Sponsor/index.js
@@ -6,6 +6,24 @@ import React, { useContext } from "react";
import { SponsorContext } from "../../contexts/sponsor";
+function Avatar({ src }) {
+ return src ? (
+
+ ) : (
+
+ );
+}
+
+function LinkTo({ href, name }) {
+ return href ? (
+
+ {name}
+
+ ) : (
+
+ Your name among those randomly featured in the PostGraphile CLI
+
Post job opportunities to our Discord community
-
Graphile Worker stickers
+
PostGraphile stickers
Access to the #supporter-lounge on Discord
The warm feeling from knowing you’re supporting Open Source Software
@@ -43,10 +46,7 @@ const TierList = [
Access to private security announcements
- Free access to{" "}
-
- Worker Pro
-
+ Free access to PostGraphile V4 Pro
Access to{" "}
@@ -58,9 +58,13 @@ const TierList = [
Your name and avatar/logo featured on our websites,
including this one
+
+ Your name more frequently featured in the
+ PostGraphile CLI
+
The warm feeling that comes from knowing you’re making a difference
- to Graphile Worker’s development and sustainability
+ to PostGraphile’s development and sustainability
@@ -87,6 +91,10 @@ const TierList = [
Your name and avatar/logo prominently featured on
our websites
+
+ Your name even more frequently featured in the
+ PostGraphile CLI
+
Access to #vip-lounge on Discord
@@ -99,7 +107,7 @@ const TierList = [
The warm feeling that comes from knowing{" "}
- you’re making a significant difference to Graphile Worker’s
+ you’re making a significant difference to PostGraphile’s
development and sustainability
+ Access development support for Graphile projects through the Private
+ Advisor tier, giving your organization access to the knowledge and
+ experience of the Graphile team for any issues you have with{" "}
+ PostGraphile, Grafast and the wider Graphile suite, and other tools in
+ the ecosystem such as TypeScript, SQL, Node.js, GraphQL and more. If
+ you’re running any of the Graphile tools, you won’t find anyone more
+ qualified to help.
+
+
All the benefits of a Featured Sponsor and...
+
One-to-one access to the Graphile team throughout the year
- Lock in your rate for a full year
-
-
-
- Save money — pay once, enjoy the lowest rate
+ Priority support straight from the maintainer
- One invoice, one payment — no monthly admin
- headaches
+ Add the Graphile team to your chat server for timely responses
+
Add the Graphile team to your GitHub/GitLab organization
+
Reference your code verbatim
+
Calls arranged as required
+
NDA available
Access to discounted consultancy packages
- Formal contract for your procurement process
+ The warm feeling that comes from knowing{" "}
+
+ you’re making a significant difference to PostGraphile’s
+ development and sustainability
+
- Your name among those randomly featured in the PostGraphile CLI
-
Post job opportunities to our Discord community
-
PostGraphile stickers
+
Graphile Worker stickers
Access to the #supporter-lounge on Discord
The warm feeling from knowing you’re supporting Open Source Software
@@ -46,7 +43,10 @@ const TierList = [
Access to private security announcements
- Free access to PostGraphile V4 Pro
+ Free access to{" "}
+
+ Worker Pro
+
Access to{" "}
@@ -58,13 +58,9 @@ const TierList = [
Your name and avatar/logo featured on our websites,
including this one
-
- Your name more frequently featured in the
- PostGraphile CLI
-
The warm feeling that comes from knowing you’re making a difference
- to PostGraphile’s development and sustainability
+ to Graphile Worker’s development and sustainability
@@ -91,10 +87,6 @@ const TierList = [
Your name and avatar/logo prominently featured on
our websites
-
- Your name even more frequently featured in the
- PostGraphile CLI
-
Access to #vip-lounge on Discord
@@ -107,7 +99,7 @@ const TierList = [
The warm feeling that comes from knowing{" "}
- you’re making a significant difference to PostGraphile’s
+ you’re making a significant difference to Graphile Worker’s
development and sustainability
Access development support for Graphile projects through the Private
Advisor tier, giving your organization access to the knowledge and
- experience of the Graphile team for any issues you have with{" "}
- PostGraphile, Grafast and the wider Graphile suite, and other tools in
+ experience of the Graphile team for any issues you have with Graphile
+ Worker, PostGraphile and the wider Graphile suite, and other tools in
the ecosystem such as TypeScript, SQL, Node.js, GraphQL and more. If
you’re running any of the Graphile tools, you won’t find anyone more
qualified to help.
@@ -44,7 +44,7 @@ const TierList = [
The warm feeling that comes from knowing{" "}
- you’re making a significant difference to PostGraphile’s
+ you’re making a significant difference to Graphile Worker’s
development and sustainability
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index fdcdf527..462ba439 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -141,3 +141,18 @@ come, they need to be well directed and financially sustainable.
for years to come is through monthly sponsorship.** Crowd-sourced funding
enables us to spend the most time directly working on improving the software,
which you and other users then benefit from.
+
+## Sponsor tiers & benefits
+
+As well as ensuring the sustainability and longevity of Graphile Worker and the
+wider Graphile suite of developer tooling, sponsorship also gives you or your
+company some additional benefits such as access to security announcements and
+being featured in the README files of Graphile’s main open source projects.
+Choose the tier which matches your funding goal, higher tiers come with more
+benefits.
+
+
+
+## Development Support
+
+
From 39f1421c06980e1cf3a9fbb583ffa2b17c38bcd5 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Thu, 24 Jul 2025 11:12:55 +0100
Subject: [PATCH 23/37] Update pricing
---
website/src/pages/pricing.mdx | 11 -----------
1 file changed, 11 deletions(-)
diff --git a/website/src/pages/pricing.mdx b/website/src/pages/pricing.mdx
index 93d7412e..e1ebc93b 100644
--- a/website/src/pages/pricing.mdx
+++ b/website/src/pages/pricing.mdx
@@ -507,12 +507,9 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
From{" "}
-<<<<<<< HEAD
$1,500/mo{" "}
-=======
->>>>>>> Reflect changes made in Crystal PR
$899/mo USD
@@ -661,13 +658,5 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
```
-<<<<<<< HEAD
-<<<<<<< HEAD
Last reviewed: 21st April 2026
-=======
- Last reviewed: July 2025
->>>>>>> Update pricing
-=======
- Last reviewed: August 2025
->>>>>>> Reflect changes made in Crystal PR
From b6ca71efa4ce90b6f3b1e25944717344f539c02c Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Tue, 29 Jul 2025 16:55:23 +0100
Subject: [PATCH 24/37] Begin annual plan tier
---
website/src/components/TiersPlus/index.js | 91 +++++++++++--------
.../components/TiersPlus/styles.module.css | 62 +++++--------
website/src/pages/sponsors.mdx | 7 ++
3 files changed, 86 insertions(+), 74 deletions(-)
diff --git a/website/src/components/TiersPlus/index.js b/website/src/components/TiersPlus/index.js
index efaab1f3..80fe5fbc 100644
--- a/website/src/components/TiersPlus/index.js
+++ b/website/src/components/TiersPlus/index.js
@@ -5,26 +5,56 @@ import React from "react";
const TierList = [
{
- title: "Private Advisor Offer",
- tagline: "Development support in your chat server & code repository",
+ title: "Monthly Plan",
+ tagline: "Pay month-to-month with full flexibility",
pricing: "$999",
- annual: "$9,999",
was: "$1,500",
link: "https://github.com/sponsors/benjie/sponsorships?tier_id=42012",
buttonText: "",
- contact: "mailto:team@graphile.com?subject=Private%20Advisor%20enquiry",
- contactText: "",
+ frequency: "per month",
+ comparison: "",
+ description: (
+ <>
+
+
All the benefits of a Featured Sponsor and...
+
One-to-one access to the Graphile team throughout the year
+
+ Priority support straight from the maintainer
+
+
+ Add the Graphile team to your chat server for timely responses
+
+
Add the Graphile team to your GitHub/GitLab organization
+
Reference your code verbatim
+
Calls arranged as required
+
NDA available
+
+ Access to discounted consultancy packages
+
+
+ The warm feeling that comes from knowing{" "}
+
+ you’re making a significant difference to Graphile Worker’s
+ development and sustainability
+
+
+
+
+ ),
+ },
+ {
+ title: "Annual Plan",
+ tagline: "Maximum savings with full year commitment",
+ pricing: "$9,999",
+ was: "$11,988",
+ link: "mailto:team@graphile.com?subject=Private%20Advisor%20enquiry",
+ buttonText: "",
+ frequency: "per year",
+ comparison: "That's just $833.25/month",
+ badge: "Best Value - Save $1,999 ",
+ featured: true,
description: (
<>
-
- Access development support for Graphile projects through the Private
- Advisor tier, giving your organization access to the knowledge and
- experience of the Graphile team for any issues you have with Graphile
- Worker, PostGraphile and the wider Graphile suite, and other tools in
- the ecosystem such as TypeScript, SQL, Node.js, GraphQL and more. If
- you’re running any of the Graphile tools, you won’t find anyone more
- qualified to help.
-
All the benefits of a Featured Sponsor and...
One-to-one access to the Graphile team throughout the year
);
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
index 15bad4c9..4ab2b5cd 100644
--- a/website/src/components/TiersPlus/styles.module.css
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -1,20 +1,20 @@
.tiers {
display: flex;
width: 100%;
- flex-direction: column;
+ flex-direction: row;
}
.tierRow {
justify-content: center;
gap: 2rem;
display: flex;
- flex-direction: column;
}
.tier {
+ position: relative;
display: flex;
flex-direction: column;
- flex: 0 0 75%;
+ flex: 0 0 33%;
justify-content: flex-start;
align-items: flex-start;
font-weight: normal;
@@ -23,6 +23,25 @@
padding: 1rem;
border: 2px solid var(--ifm-color-primary-darker);
border-radius: 12px;
+ &.featured {
+ background-color: #fff4ec;
+ border: 3px solid var(--ifm-color-primary);
+ }
+}
+
+.badge {
+ position: absolute;
+ left: 50%;
+ top: 0%;
+ transform: translate(-50%, -50%);
+ background-color: white;
+ border-radius: calc(infinity * 1px);
+ padding: 0.4rem;
+ .featured & {
+ background-color: var(--ifm-color-primary);
+ color: white;
+ font-weight: bold;
+ }
}
[data-theme="dark"] .tier {
@@ -32,8 +51,8 @@
.banner {
display: flex;
width: 100%;
- flex: 0 0 33%;
justify-content: space-between;
+ flex-direction: column;
}
.info {
@@ -105,38 +124,8 @@
background-color: var(--ifm-color-primary-lightest);
}
-.borderbutton {
- composes: button;
-}
-
-.tier:nth-child(n) .borderbutton {
- background-color: transparent;
- border: 1px solid var(--ifm-color-primary-darker);
- color: var(--ifm-color-primary-darker);
-}
-
-.tier:nth-child(n) .borderbutton:hover {
- border: 1px solid var(--ifm-color-primary-darkest);
- color: var(--ifm-color-primary-darkest);
-}
-
-[data-theme="dark"] .tier:nth-child(n) .borderbutton {
- border: 1px solid var(--ifm-color-primary-lightest);
- color: var(--ifm-color-primary-lightest);
-}
-
-[data-theme="dark"] .tier:nth-child(n) .borderbutton:hover {
- border: 1px solid var(--ifm-color-primary);
- color: var(--ifm-color-primary);
- background-color: transparent;
-}
-
.button:before {
- content: "Join on GitHub Sponsors";
-}
-
-.borderbutton:before {
- content: "Contact for bespoke service";
+ content: "Start Plan";
}
@media screen and (max-width: 1200px) {
@@ -153,7 +142,4 @@
.button:before {
content: "GitHub Sponsors";
}
- .borderbutton:before {
- content: "Contact";
- }
}
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 462ba439..66755371 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -155,4 +155,11 @@ benefits.
## Development Support
+Access development support for Graphile projects through the Private Advisor
+tier, giving your organization access to the knowledge and experience of the
+Graphile team for any issues you have with Graphile Worker, PostGraphile and the
+wider Graphile suite, and other tools in the ecosystem such as TypeScript, SQL,
+Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
+won’t find anyone more qualified to help.
+
From ecbef4af92cd23afa769278d220f403a01a6273f Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Wed, 30 Jul 2025 17:57:10 +0100
Subject: [PATCH 25/37] Update TiersPlus to include annual plan
---
website/src/components/TiersPlus/index.js | 80 +++++++++---------
.../components/TiersPlus/styles.module.css | 81 +++++++++++++++----
website/src/pages/sponsors.mdx | 23 ++++++
3 files changed, 129 insertions(+), 55 deletions(-)
diff --git a/website/src/components/TiersPlus/index.js b/website/src/components/TiersPlus/index.js
index 80fe5fbc..f5b9801e 100644
--- a/website/src/components/TiersPlus/index.js
+++ b/website/src/components/TiersPlus/index.js
@@ -11,32 +11,28 @@ const TierList = [
was: "$1,500",
link: "https://github.com/sponsors/benjie/sponsorships?tier_id=42012",
buttonText: "",
- frequency: "per month",
- comparison: "",
+ frequency: "/mo",
+ comparison: "Cancel any time",
+ badge: "Updated August 2025",
description: (
<>
-
All the benefits of a Featured Sponsor and...
-
One-to-one access to the Graphile team throughout the year
- Priority support straight from the maintainer
+ Start today with payment through GitHub
- Add the Graphile team to your chat server for timely responses
+ Flexible
+
+
New lower price for 2025
+
+ Predictable monthly cost with no surprises
-
Add the Graphile team to your GitHub/GitLab organization
-
Reference your code verbatim
-
Calls arranged as required
-
NDA available
Access to discounted consultancy packages
- The warm feeling that comes from knowing{" "}
-
- you’re making a significant difference to Graphile Worker’s
- development and sustainability
-
+ Includes a formal contract for your procurement
+ process
@@ -45,38 +41,35 @@ const TierList = [
{
title: "Annual Plan",
tagline: "Maximum savings with full year commitment",
- pricing: "$9,999",
- was: "$11,988",
+ pricing: "$899",
+ hint: "10% discount",
+ //was: "$11,988",
link: "mailto:team@graphile.com?subject=Private%20Advisor%20enquiry",
buttonText: "",
- frequency: "per year",
- comparison: "That's just $833.25/month",
- badge: "Best Value - Save $1,999 ",
+ frequency: "/mo",
+ comparison: "Paid annually — $10,788/yr",
+ badge: "Best Value — Save $1,999",
featured: true,
description: (
<>
-
All the benefits of a Featured Sponsor and...
-
One-to-one access to the Graphile team throughout the year
- Priority support straight from the maintainer
+ Lock in your rate for a full year
+
+
+
+ Save money — pay once, enjoy the lowest rate
- Add the Graphile team to your chat server for timely responses
+ One invoice, one payment — no monthly admin
+ headaches
-
Add the Graphile team to your GitHub/GitLab organization
-
Reference your code verbatim
-
Calls arranged as required
-
NDA available
Access to discounted consultancy packages
- The warm feeling that comes from knowing{" "}
-
- you’re making a significant difference to Graphile Worker’s
- development and sustainability
-
+ Includes a formal contract for your procurement
+ process
{TierList.map((props, idx) => (
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
index a9d6fdcb..5d4f1669 100644
--- a/website/src/components/TiersPlus/styles.module.css
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -177,10 +177,6 @@
background-color: var(--ifm-color-primary-lightest);
}
-.button:before {
- content: "Start Plan";
-}
-
@media screen and (max-width: 1200px) {
.tierRow {
flex-direction: column;
@@ -192,7 +188,4 @@
.banner {
flex-direction: column;
}
- .button:before {
- content: "GitHub Sponsors";
- }
}
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 1b4c0123..963fd495 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -156,10 +156,10 @@ benefits.
## Development Support
Access development support for Graphile projects through the Private Advisor
-tier, giving your organization access to the knowledge and experience of the
-Graphile team for any issues you have with Graphile Worker, PostGraphile and the
-wider Graphile suite, and other tools in the ecosystem such as TypeScript, SQL,
-Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
+sponsor tier, giving your organization access to the knowledge and experience of
+the Graphile team for any issues you have with Graphile Worker, PostGraphile and
+the wider Graphile suite, and other tools in the ecosystem such as TypeScript,
+SQL, Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
won’t find anyone more qualified to help.
@@ -173,9 +173,6 @@ won’t find anyone more qualified to help.
);
}
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
index 5d4f1669..95dd18d1 100644
--- a/website/src/components/TiersPlus/styles.module.css
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -1,6 +1,9 @@
.tiers {
+ composes: wide from global;
display: flex;
flex-direction: column;
+ padding-top: 2rem;
+ padding-bottom: 2rem;
}
.tierRow {
@@ -9,7 +12,8 @@
display: flex;
}
-.tier {
+.tier,
+.tierSupport {
position: relative;
display: flex;
flex-direction: column;
@@ -18,7 +22,6 @@
align-items: flex-start;
font-weight: normal;
font-size: 0.9rem;
- margin: 0.5rem;
padding: 1rem;
border: 2px solid var(--ifm-color-primary-darker);
border-radius: 12px;
@@ -28,6 +31,28 @@
}
}
+[data-theme="dark"] .tier,
+[data-theme="dark"] .tierSupport {
+ border: 2px solid var(--ifm-color-primary-light);
+ &.featured {
+ background-color: #000a15;
+ border: 3px solid var(--ifm-color-primary);
+ }
+}
+
+.tierSupport {
+ flex: 0 0 100%;
+ &.featured {
+ background-color: transparent;
+ }
+}
+
+[data-theme="dark"] .tierSupport {
+ &.featured {
+ background-color: transparent;
+ }
+}
+
.hint {
background: rgb(230, 246, 230);
color: rgb(0, 49, 0);
@@ -39,10 +64,6 @@
}
.badge {
- /* position: absolute;
- left: 50%;
- top: 0%;
- transform: translate(-50%, -50%); */
margin: -1.8rem 0 0;
background-color: white;
border-radius: calc(infinity * 1px);
@@ -107,7 +128,8 @@
font-size: 1rem;
}
-.priceline {
+.priceline,
+.pricelineSupport {
font-weight: var(--ifm-heading-font-weight);
text-align: center;
font-size: 2rem;
@@ -115,6 +137,10 @@
align-items: center;
}
+.pricelineSupport {
+ align-items: baseline;
+}
+
.price {
font-weight: bold;
}
@@ -127,6 +153,14 @@
}
}
+[data-theme="dark"] .pricesub {
+ color: var(--ifm-color-primary-lighter);
+}
+
+[data-theme="dark"] .featured .pricesub {
+ color: var(--ifm-color-primary);
+}
+
.was {
color: var(--ifm-color-gray-400);
text-decoration: line-through;
diff --git a/website/src/pages/pricing.mdx b/website/src/pages/pricing.mdx
index e1ebc93b..2e80f418 100644
--- a/website/src/pages/pricing.mdx
+++ b/website/src/pages/pricing.mdx
@@ -658,5 +658,9 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
```
+<<<<<<< HEAD
Last reviewed: 21st April 2026
+=======
+ Last reviewed: August 2025
+>>>>>>> Reflect changes made in Crystal PR
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 963fd495..fdcdf527 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -141,45 +141,3 @@ come, they need to be well directed and financially sustainable.
for years to come is through monthly sponsorship.** Crowd-sourced funding
enables us to spend the most time directly working on improving the software,
which you and other users then benefit from.
-
-## Sponsor tiers & benefits
-
-As well as ensuring the sustainability and longevity of Graphile Worker and the
-wider Graphile suite of developer tooling, sponsorship also gives you or your
-company some additional benefits such as access to security announcements and
-being featured in the README files of Graphile’s main open source projects.
-Choose the tier which matches your funding goal, higher tiers come with more
-benefits.
-
-
-
-## Development Support
-
-Access development support for Graphile projects through the Private Advisor
-sponsor tier, giving your organization access to the knowledge and experience of
-the Graphile team for any issues you have with Graphile Worker, PostGraphile and
-the wider Graphile suite, and other tools in the ecosystem such as TypeScript,
-SQL, Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
-won’t find anyone more qualified to help.
-
-
-
All the benefits of a Featured Sponsor and...
-
One-to-one access to the Graphile team throughout the year
-
- Priority support straight from the maintainer
-
-
Add the Graphile team to your chat server for timely responses
-
Add the Graphile team to your GitHub/GitLab organization
-
Reference your code verbatim
-
Calls arranged as required
-
NDA available
-
- The warm feeling that comes from knowing{" "}
-
- you’re making a significant difference to Graphile Worker’s development
- and sustainability
-
-
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index fdcdf527..7a02e123 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -42,14 +42,15 @@ to fund ongoing development on Graphile Worker through sponsorship. THANK YOU!
avatar="/images/sponsors/principiamentis.png"
business
/>
-
+
+
-
-
+
+
-
-
+<<<<<<< HEAD
name="deliver.media" avatar="/images/sponsors/deliverdotmedia.jpg" business />
+=======
+
+>>>>>>> Update for 2026
-
+
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> Update for 2026
From 40e91d3758f2db79b1ac6f8df1fece0ddfc34248 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Wed, 28 Jan 2026 15:04:07 +0000
Subject: [PATCH 32/37] update tier boxes
---
website/src/components/TiersPlus/index.js | 2 --
1 file changed, 2 deletions(-)
diff --git a/website/src/components/TiersPlus/index.js b/website/src/components/TiersPlus/index.js
index ff9b792c..546b5ac9 100644
--- a/website/src/components/TiersPlus/index.js
+++ b/website/src/components/TiersPlus/index.js
@@ -8,12 +8,10 @@ const TierList = [
title: "Monthly Plan",
tagline: "Pay month-to-month with full flexibility",
pricing: "$999",
- was: "$1,500",
link: "https://github.com/sponsors/benjie/sponsorships?tier_id=531702",
buttonText: "Start Monthly Plan",
frequency: "/mo",
comparison: "Cancel any time",
- badge: "Discount extended into 2026",
description: (
<>
From 8986a5f79c680d86e1fe8afb5ffe4a154df0952d Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Tue, 17 Feb 2026 16:18:09 +0000
Subject: [PATCH 33/37] Add new sponsor details
---
website/src/pages/sponsors.mdx | 26 +++++++-------------------
1 file changed, 7 insertions(+), 19 deletions(-)
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 7a02e123..23df4702 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -76,31 +76,19 @@ to fund ongoing development on Graphile Worker through sponsorship. THANK YOU!
-<<<<<<< HEAD
- name="deliver.media" avatar="/images/sponsors/deliverdotmedia.jpg" business />
-=======
+
+
->>>>>>> Update for 2026
-
-
+
-<<<<<<< HEAD
-
-=======
-
-
->>>>>>> Update for 2026
+
+
From 64aae6dfda60225ac7fb3e0f9aa4ceb04d326509 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Tue, 17 Feb 2026 16:37:09 +0000
Subject: [PATCH 34/37] Update pricing page, licence date
---
website/src/pages/pricing.mdx | 4 ----
website/src/pages/support.mdx | 2 +-
2 files changed, 1 insertion(+), 5 deletions(-)
diff --git a/website/src/pages/pricing.mdx b/website/src/pages/pricing.mdx
index 2e80f418..e1ebc93b 100644
--- a/website/src/pages/pricing.mdx
+++ b/website/src/pages/pricing.mdx
@@ -658,9 +658,5 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
```
-<<<<<<< HEAD
Last reviewed: 21st April 2026
-=======
- Last reviewed: August 2025
->>>>>>> Reflect changes made in Crystal PR
diff --git a/website/src/pages/support.mdx b/website/src/pages/support.mdx
index 89e36064..87deee5b 100644
--- a/website/src/pages/support.mdx
+++ b/website/src/pages/support.mdx
@@ -61,7 +61,7 @@ Plus, receive recognition as a Featured Sponsor:
- Access to PostGraphile V4 Pro and{" "}
+ Access to Graphile Worker Pro and{" "}
graphile-pro sponsors only project repository
From 59bd9ed1071c6e3164ebd11684ca3372da5e1e6b Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Tue, 21 Apr 2026 11:08:04 +0100
Subject: [PATCH 35/37] Update date
---
website/src/components/Sponsor/styles.module.css | 3 ---
1 file changed, 3 deletions(-)
diff --git a/website/src/components/Sponsor/styles.module.css b/website/src/components/Sponsor/styles.module.css
index 2f2c5f29..19f98ae9 100644
--- a/website/src/components/Sponsor/styles.module.css
+++ b/website/src/components/Sponsor/styles.module.css
@@ -8,13 +8,10 @@
padding: 1rem;
flex: 0 0 18rem;
font-size: 1.2rem;
-<<<<<<< HEAD
-=======
}
.leaders {
flex: 0 0 12rem;
->>>>>>> Finish initial styling to match crystal websites
}
.featured,
From e10fa19d347c8f703c4ce8ff95b9840fddecfc6d Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Tue, 21 Apr 2026 11:32:52 +0100
Subject: [PATCH 36/37] Rebase on main
---
website/src/pages/sponsors.mdx | 1 -
1 file changed, 1 deletion(-)
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 23df4702..31b83280 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -75,7 +75,6 @@ to fund ongoing development on Graphile Worker through sponsorship. THANK YOU!
-
Date: Tue, 21 Apr 2026 12:32:20 +0100
Subject: [PATCH 37/37] Update sponsors to 2026
---
website/src/pages/pricing.mdx | 3 ---
website/src/pages/sponsors.mdx | 20 ++------------------
2 files changed, 2 insertions(+), 21 deletions(-)
diff --git a/website/src/pages/pricing.mdx b/website/src/pages/pricing.mdx
index e1ebc93b..ae355fea 100644
--- a/website/src/pages/pricing.mdx
+++ b/website/src/pages/pricing.mdx
@@ -507,9 +507,6 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
From{" "}
-
- $1,500/mo
- {" "}
$899/mo USD
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 31b83280..d4874ec3 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -21,12 +21,6 @@ to fund ongoing development on Graphile Worker through sponsorship. THANK YOU!
-
-
-
-
-
-
-
-
## Why are Graphile projects “crowd-funded open-source”?
Many of our projects are open-source under the permissive MIT license to give
@@ -141,3 +123,5 @@ come, they need to be well directed and financially sustainable.
for years to come is through monthly sponsorship.** Crowd-sourced funding
enables us to spend the most time directly working on improving the software,
which you and other users then benefit from.
+
+
![]({"https://www.graphile.org")
+