update lp, add blog post

This commit is contained in:
Johannes
2023-07-07 12:14:57 +02:00
parent 561afcc8fb
commit 81ea563dbc
10 changed files with 138 additions and 19 deletions

View File

@@ -13,14 +13,22 @@ import { usePlausible } from "next-plausible";
import Image from "next/image";
import { useRouter } from "next/router";
import HeroAnimation from "./HeroAnimation";
import { ChevronRightIcon } from "@heroicons/react/24/outline";
export const Hero: React.FC = ({}) => {
const plausible = usePlausible();
const router = useRouter();
return (
<div className="relative">
<div className="px-4 py-20 text-center sm:px-6 lg:px-8 lg:py-28">
<h1 className="text-3xl font-bold tracking-tight text-slate-800 dark:text-slate-200 sm:text-4xl md:text-5xl">
<div className="px-4 pb-20 pt-16 text-center sm:px-6 lg:px-8 lg:pb-32 lg:pt-24">
<a
href="https://github.com/formbricks/formbricks"
target="_blank"
className="border-brand-dark rounded-full border px-6 py-2 text-slate-300 hover:bg-slate-800">
We&apos;re Open-Source | Star us on GitHub{" "}
<ChevronRightIcon className="inline h-5 w-5 text-slate-300" />
</a>
<h1 className="mt-10 text-3xl font-bold tracking-tight text-slate-800 dark:text-slate-200 sm:text-4xl md:text-5xl">
<span className="xl:inline">Create Products People Remember</span>
</h1>
@@ -29,7 +37,7 @@ export const Hero: React.FC = ({}) => {
<br />
<span className="hidden md:block">
Continuously gather deep user insights,{" "}
<span className="decoration-brand-dark underline underline-offset-4">all privacy-first.</span>
<span className="decoration-brand-dark underline underline-offset-4">privacy-first.</span>
</span>
</p>
@@ -80,18 +88,6 @@ export const Hero: React.FC = ({}) => {
className="hidden pb-1 hover:opacity-100 dark:block md:opacity-50"
width={200}
/>
<Image
src={StackOceanLogoLight}
alt="StackOcean Logo"
className="block pb-1 hover:opacity-100 dark:hidden md:opacity-50"
width={200}
/>
<Image
src={StackOceanLogoDark}
alt="StakcOcean Logo"
className="hidden pb-1 hover:opacity-100 dark:block md:opacity-50"
width={200}
/>
</div>
</div>
<div className="hidden pt-10 md:block">

View File

@@ -37,6 +37,7 @@ const tiers = [
features: [
"Unlimited surveys",
"Unlimited team members",
"Remove branding",
"Granular targeting",
"In-product surveys",
"Link surveys",
@@ -57,8 +58,8 @@ const tiers = [
discounted: false,
highlight: false,
description: "All features included. Unlimited usage.",
features: ["All features of Free plan", "Unlimited responses", "Remove branding"],
ctaName: "Sign up now",
features: ["Unlimited responses per survey"],
ctaName: "Start for free",
plausibleGoal: "Pricing_CTA_ProPlan",
},
];
@@ -145,7 +146,7 @@ export default function Pricing() {
{tier.ctaName}
</Button>
{tier.name === "Free" && (
{tier.name !== "Self-hosting" && (
<p className="mt-1.5 text-center text-xs text-slate-500">No Creditcard required.</p>
)}
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 248 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -0,0 +1,122 @@
import Image from "next/image";
import LayoutMdx from "@/components/shared/LayoutMdx";
import TitleImage from "./formbricks-sponsored-by-github-accelerator-2023.webp";
import Demo from "./our-experience-github-acc-demo-screenshot.png";
import Mail from "./github-accelerator-selection-mail.png";
import Teams from "./github-accelerator-2022-teams.png";
import NewsletterSignup from "@/components/shared/NewsletterSignup";
export const meta = {
title: "Our GitHub Accelerator Experience 👀",
description:
"What we learned during the first GitHub Open-Source Accelerator Programm - our experience and if we would do it again.",
date: "2023-04-13",
};
_We were among the first 20 teams ever to run through the Open-Source Accelerator by Github. Read about our experience and if we would do it again:_
<Image
src={Demo}
alt="GitHub sponsors Formbricks to join their open-source accelerator program"
className="rounded-lg"
/>
## Hey there,
In December of last year, we completed a rather brief questionnaire to apply for the inaugural batch of the GitHub Open-Source Accelerator. With not much information available, we went ahead and applied, hoping for the best. The timing couldn't have been more perfect, as both Matti and I had just wrapped up our freelance gigs to start working full-time on Formbricks.
As Christmas, New Year's Eve, and my birthday passed, we continued working diligently on Formbricks, iterating to pinpoint the right niche offering. Over the preceding months, we had learned what wouldn't constitute a good venture case ([Typeform open-source](https://formbricks.com/blog/open-source-qualtrics-beats-typeform)), what wasn't technically feasible (building blocks for all form and survey solutions), and what was too narrow to start with ([PMF survey only](https://www.producthunt.com/products/product-market-fit-survey-by-formbricks)).
January and February came and went. On the 22nd of March, we received an email from the GitHub team:
<Image
src={Mail}
alt="GitHub invited us to join the GitHub Accelerator and share our experience"
className="rounded-lg"
/>
Needless to say, we were thrilled! We were selected from over 1000 open-source projects, alongside renowned and popular projects like [Nuxt](https://github.com/nuxt/nuxt), [TRPC](https://github.com/trpc/trpc), and [Responsively App](https://github.com/responsively-org/responsively-app). Here is a summary of what we got:
### What we got on paper
✅ Ten sessions with **well-known** figures from the open-source community (Wednesdays)
✅ Ten optional co-working sessions (Fridays)
✅ 20k USD divided among all contributors
✅ One-on-one session with the GitHub team to align on goals and objectives
### What we also gained
👌 Network of builders, maintainers, and founders in the open-source space
👌 Solid connection with GitHub (including a warm introduction to GitHub's venture arm 😏)
👌 Enhanced credibility in the open-source community, thanks to association with such a significant supporter of open source
I mean look at all these happy people:
<Image
src={Teams}
alt="GitHub invited us to join the GitHub Accelerator and share our experience"
className="rounded-lg"
/>
Here's an overview of the ten sessions and their relevance to us as a venture-focused startup:
**Week 1: Kick-Off, Licensing 101 and setting up with [Abby](https://twitter.com/abbycabs)**
Great to meet everyone, Abby is a great host and the licensing session was very useful. We had already decided on our license but it was useful nontheless.
**Week 2: Finding Sponsors with [Caleb Porzio](https://twitter.com/calebporzio)**
This was a really fun one! Caleb is a driven entrepreneur with many ideas and loooots of experience monetizing his two main projects [Livewire](https://laravel-livewire.com/) and [Alpine.js](https://alpinejs.dev/). Come up with a way to monetize a popular OS project, Caleb scaled it. Not suuuper relevant for us though.
**Week 3: Taking Funding: [Brian Douglas](https://twitter.com/bdougieYO)**
Brian is building [OpenSauced](https://opensauced.pizza/) and shared his journey of raising VC as an OS startup. Lots of great insights, Brian is super approachable 😊
**Week 4: [Evan You](https://evanyou.me/): Sustainable Open Source**
Evan You famously created Vue.js (which is on track to pass React in GitHub ⭐) and Vite. Evan had a lot of useful Dos and Donts for us, great session!
**Week 5:** Didn't happen due to Maintainer Summit.
**Week 6: [Mike Perham](https://github.com/mperham) - Starting a Software Business**
Mike is an absolute legend! With [SideKiq](https://sidekiq.org/) he makes over 300k USD per month 🤯 He was very open and down to earth. One of his best advice: If a customer annoys you, stop serving them. He was able to pull this off because he has been blogging about Ruby for years and is well-known in the community. And, obviously, his solution kicks ass!
**Week 7: Duane OBrien and Dawn Foster: Working with Enterprises**
Lots of useful insights around how enterprises handle open-source, barriers for corporate use and how to handle corporate sponsorships and donations. The notes will come in really handy down the line!
**Week 8: [Marko Saric](https://twitter.com/markosaric): SaaS-side of Open Source**
Marko is the marketing co-founder of [Plausible](https://plausible.io/). I think everyone in the SaaS space knows Plausible since they hit 1M ARR bootstrapped. Marko also blogged a lot about Plausible which really helped it grow in the first years. Gifted marketeer, great session!
**Week 9: Governance with [Shauna Gordon-McKeon](https://github.com/shaunagm/)**
For us this wasnt super relevant as Formbricks is ruled by a BDFL (Benevolent Dictator For Life) i.e. us but the discussion among the teams was really insightful. Helped us a great deal to understand the challenges of purely community-driven projects.
**Week 10: VC Funding and the legal Side of OSS with [Erica Brescia](https://twitter.com/ericabrescia) from Redpoint**
Ericas talk was really impressive and so is she: Founder of Bitnami, COO of GitHub and Board Member of the Linux Foundation all happened before she started as an investor at Redpoint Ventures. Her deep insights from both the founder and the VC perspective are invaluable!
**GitHub Demo Day:** All teams presented what they achieved during the 10 week programm. It was great fun to present Formbricks, [you can watch it on Youtube.](https://www.youtube.com/live/Gj6Bez2182k?feature=share&t=1448)
## Would we do it again? And should you?
Yes, absolutely. The sessions were excellent, we met a handful of inspiring builders, and the 20k USD was a helpful financial boost. The application process might evolve, but since all of your code is open-source anyway, you might as well throw your hat in the ring.
**Gratitude to Kara, Abby, and the entire GitHub team - we learned a lot! 😊**
<Image
src={TitleImage}
alt="GitHub sponsors Formbricks to join their open-source accelerator program"
className="rounded-lg"
/>
<NewsletterSignup />
export default ({ children }) => <LayoutMdx meta={meta}>{children}</LayoutMdx>;

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

View File

@@ -17,7 +17,7 @@
"db:migrate:deploy": "turbo run db:migrate:deploy",
"db:migrate:vercel": "turbo run db:migrate:vercel",
"db:push": "turbo run db:push",
"dev": "turbo run dev --parallel --filter=!formbricks-com",
"dev": "turbo run dev --parallel --filter=web... --filter=demo...",
"start": "turbo run start --parallel",
"format": "prettier --write \"**/*.{ts,tsx,md}\"",
"generate": "turbo run generate",