Move the /pricing/ page to the app router
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
* **New Features**
* Added a dedicated pricing page with pricing plans, interactive cost
calculators, add-ons options, and plan comparison tools.
* **Updates**
* Enhanced pricing components with performance improvements and
streamlined navigation handling.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.
YES
| Before | After |
| --- | --- |
| <video
src="https://github.com/user-attachments/assets/51d20e23-6bd1-458c-b35a-374990a5804f"/>
| <video
src="https://github.com/user-attachments/assets/fb94af78-efb5-477d-a61e-93f0c6153f05"/>
|
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
* **Bug Fixes**
* Navigation header now displays proper loading state while retrieving
user authentication data. User-specific interface elements including
Dashboard links and user menu controls now correctly remain hidden until
user data fully loads, preventing premature visibility and ensuring
consistent display timing during page initialization.
<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
## What kind of change does this PR introduce?
Frontmatter name change.
## What is the current behavior?
We repeatedly mistake `thumb` for `image` and visa versa, meaning the
wrong images are used for Open Graph and in-site thumbnails on blog
posts. Events and case studies use the same naming convention too.
## What is the new behavior?
These two bits of frontmatter are renamed for clarity:
- Blog posts: `imgThumb` + `imgSocial`
That mapping for blog posts:
- `thumb` is now `imgThumb`
- `image` is now `imgSocial`
These related bits remain as-is:
- Events
- Case studies
The
[www/README.md](https://github.com/supabase/supabase/blob/dnywh/chore/blog-image-frontmatter/apps/www/README.md#best-practices)
file has been expanded to clarify all of the above. It now also provides
instructions on image optimisation.
## To test
A lot of files were touched here. Please help make sure:
- [ ] The CMS works as intended. This is the **biggest unknown**.
- [x] All blog posts render the correct image as their on-site thumbnail
and Open Graph image. You can test the latter by firing up a draft
iMessage. Online Open Graph services like Facebook cache images, so
aren’t reliable.
- [x] All events render their correct images
- [x] All case studies render their correct images
- [x] All customer stories render their correct images ([known
issue](https://supabase.slack.com/archives/C072FL5KKKP/p1768888063209359?thread_ts=1768885681.502169&cid=C072FL5KKKP),
predates this work)
* fix(www): update cobe version to reduce lag on /career and remove height/width assignment per frame
* fix: update cobe version to reduce lag on /career and remove height/width assignment per frame
* remove pnpm-lock.yaml from PR
* lockfile
---------
Co-authored-by: Alan Daniel <stylesshjs@gmail.com>
* open source section
* Implement kFormatter utility for number formatting in thousands notation and update OpenSourceSection to use it for displaying GitHub stars.
* Rough contribute ui
* Clean up filter area
* Tweak query with new threads schema
* Unify table and apply some ui nits
* Fix types issues
* Setup types
* FilterS
* Fix filters
* Make search global
* Add icons for table rows
* Add single thread view
* Loading state for threads
* Fix icon colors
* Add leaderboard
* Fix conversation text overflow and add op badge
* Rename leaderboard
* Turn of leaderboard
* Formatting
* Remove other from product areas
* And from stacks
* Prettier types
* Start contribute/about
* About cards
* Add avatar component
* Polish up about page
* Nudges
* Add application form
* Add squad form
* Change to last 30 days instead of 24hrs
* Responsive nudges
* Format components for conversation view
* Re use ui components on about page
* Fix prettier errors
* Filter nudges
* chore(www): improve contribute UI (#41481)
* hero tweaks
* better table
* wrap post time
* nip and tuck
* use table component
* use table component
* Add menu item
* Alan/polish contribute filtering UI (#41504)
* polishing tabs
* nits in tables
* nit in filtering
* nits
* ship it
* fix selection style
* nit search bar
* Add view for authors
* Format author page
* Add contribute menu item
* Tidy up about page
* More about page edits
* Update
* basics
* copy cleanup
* improvements to thread table
* threads improvements
* remove extraneous div
* thread improvements
* chore(www): improve contribute UI (#41605)
* basics
* improvements to thread table
* threads improvements
* remove extraneous div
* thread improvements
* Add feature flag for contribute page
* Add feature flag for contribute page
* Fix ts error
* Thread view nudges
* Undo env change
* Cleanup
* Cleanup
* Typos
---------
Co-authored-by: Tomas Pozo <tomaspozogarzon@gmail.com>
Co-authored-by: Danny White <3104761+dnywh@users.noreply.github.com>
Co-authored-by: Alan Daniel <stylesshjs@gmail.com>
* wip
* wip
* single page
* new sections and polishing up
* reponsive
* nits
* semantic titles
* optimize imgs
* nits
* wup
* hero bubbles
* Update apps/www/components/Wrapped/Pages/SupabaseSelect.tsx
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* fix: Use `amaro` for stripping types in code samples (#41229)
* Fix the error for babel/preset-typescript in docs.
* Unfix the version.
* Try using amaro for type stripping.
* Run prettier after stripping types.
* Fix tests.
---------
Co-authored-by: Charis Lam <26616127+charislam@users.noreply.github.com>
* fix: Fix minor issue in the foreign key selector (#41235)
Change the isPending state to isLoading.
* docs: Remove empty troubleshooting fields (#41236)
* Remove emoty fields
* Fix lock file
* chore: update self-hosted image versions (#41234)
* Feature: show index advisor in table editor (#41166)
* added table advisor query
* updated to include table editor performance
* updated JSON B
* added side panel
* updated query indexes to show highlights context
* show index advisor in table editor
* updated invalidation logic
* added color updates
* added query indexes
* updated query performance type
* updated overflow and title
* put behind flag
* remove gap
* added on close
* Update apps/studio/data/database/table-index-advisor-query.ts
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com>
* updated styling
---------
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com>
* fix: useFlag to update initial check of flag store (#41209)
* fix flag lib
* updated uneeded logic
* updated logic
* remove line
* updated comment
* fix: Hide favourites and share snippets on self-hosted variant (#41227)
* Hide favorite and share actions for self-hosted version.
* Rename the query on save only on platform.
* Simplify useCheckOpenAiKeyQuery.
* Rename with AI now depends if the OPENAI_API_KEY is set.
* Minor fixes.
* Fix the tests to use .skip for skipping tests. Remove extra port params.
* Make the test for favourites work only on platform variant.
* feat(reports): support new database report granularity FE-2221 (#41228)
* handle new granularity
* undo unnecessary type change
* rm console log
* fix: blog auto scroll post app router migration for blog (#41220)
Enhance TOC highlighting and anchor scroll in blog posts
Refactored useActiveAnchors hook to support smooth hash scrolling and improved TOC highlighting based on scroll position. Added options for custom selectors and offset, and updated BlogPostClient to enable scroll-to-anchor and TOC highlight functionality.
* fix: remove flakiness with launch options and default timeouts (#41245)
* attempt to make table editor tests less flaky
* updated race conditions for table editor
* updated playwright config with optimized launch options
* reduce workers
* updated timeouts for tests
* updated config to have a global timeout of 20 seconds
* updated to be visible
* chore: update changelog and image versions file (#41244)
* feat(design-system): improve table docs (#41215)
* docs updates
* docs expansion
* minor docs fix
* improvements
* fix dependencies
* docs expansion
* more table examples
* map over data
* improve copy
* Update apps/design-system/registry/default/example/table-row-link-actions.tsx
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update apps/design-system/registry/default/example/table-row-link-actions.tsx
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* fixes
* fix
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* chore(studio): improve table presentation (#41217)
* billing improvements
* wrapper improvements
* border fix
* Nit adjustments
* fixes
* fix aria
* fix loading
* fixes
* fix
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
* Save opened side bar in local storage, and init on new session (#41224)
* Save opened side bar in local storage, and init on new session
* Fix test
* Fix
* Nit
* docs(design-system): Data Table and Data Grid documentation (#41252)
* basic differentiation
* docs
* data-grid examples
* data-grid-demo
* data-table
* demo
* use existing components
* improvements
* markup
* docs
* remove data table
* lint
* Update apps/design-system/content/docs/ui-patterns/empty-states.mdx
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* fix ref
* use TanStack sorting
* grammar
* dependency
* 📝 Add docstrings to `dnywh/docs/data-table-data-grid` (#41255)
Docstrings generation was requested by @MildTomato.
* https://github.com/supabase/supabase/pull/41252#issuecomment-3640781017
The following files were modified:
* `apps/design-system/registry/default/example/data-grid-demo.tsx`
* `apps/design-system/registry/default/example/data-grid-empty-state.tsx`
* `apps/design-system/registry/default/example/data-table-demo.tsx`
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* docs: fix grammatical error in generate-text-embeddings guide (#41187)
* docs: fix grammatical error in generate-text-embeddings guide
* Update generate-text-embeddings.mdx
Co-authored-by: Chris Chinchilla <chris@chrischinchilla.com>
---------
Co-authored-by: Chris Chinchilla <chris@chrischinchilla.com>
* chore: uniform card and panel padding-x (#41237)
* docs: Fix typo in API introduction documentation (#41251)
* chore(billing): regenerate api-types to include vanity subdomain entitlement (#41257)
chore(billing: regenerate api-types to include vanity subdomain entitlement
* Add liam to humans.txt (#41169)
* docs: Add link to restoring backup to new Supabase project (#39108)
Co-authored-by: Chris Chinchilla <chris.ward@supabase.io>
* feat(code-block): add word wrap functionality and controls to code bl… (#39689)
* feat(code-block): add word wrap functionality and controls to code blocks
* feat(code-block): enhance layout of code block with improved line number display and structure
* fix h-full issue
* fix Prettier issue
---------
Co-authored-by: Chris Chinchilla <chris.ward@supabase.io>
* wip
* wip
* single page
* optimize imgs
* revert
* pkg
* update new content
* rm overflow
* new data
* nits
* nits
* og
* border
* fix: improve AnimatedCounter and FloatingStatBubbles/Intro components
- Update AnimatedCounter to correctly reflect value changes in the DOM.
- Add lifetime management for timers in FloatingStatBubbles and FloatingBoxes to prevent memory leaks.
- Ensure cleanup of timers on component unmount for better resource management.
* dbs
* minify images
* text-brand-link on light mode
* fix grid
* max-width on images
* address comments
* fixes
* faster image rotation
* upd og
* new launch
* nitsgs
* last nits
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
Co-authored-by: Charis Lam <26616127+charislam@users.noreply.github.com>
Co-authored-by: Chris Chinchilla <chris.ward@supabase.io>
Co-authored-by: Andrey A. <56412611+aantti@users.noreply.github.com>
Co-authored-by: Ali Waseem <waseema393@gmail.com>
Co-authored-by: Jordi Enric <37541088+jordienr@users.noreply.github.com>
Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Co-authored-by: Danny White <3104761+dnywh@users.noreply.github.com>
Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
Co-authored-by: Dinesh Dawonauth <dineshddawo@gmail.com>
Co-authored-by: Chris Chinchilla <chris@chrischinchilla.com>
Co-authored-by: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Co-authored-by: 李子衿 <160584929+hhhez@users.noreply.github.com>
Co-authored-by: Kanishk Dudeja <kanishk@kanishkdudeja.com>
Co-authored-by: lch-supa <liam.hogan@supabase.io>
Co-authored-by: Timothy Lim <tim.lim@supabase.io>
Co-authored-by: Priyanshu Thapliyal <114170980+Priyanshuthapliyal2005@users.noreply.github.com>
- Move from Audit Trail naming to more explicit "Auth Audit Logs" / "Platform Audit Logs" (we were throwing in the term trails on the pricing page but using logs in dashboard and docs)
- New Platform Audit Logs docs under security
- Moved Platform Audit Logs under Security on pricing page given it is not just for dashboard (previous category), but also for API
- Added tooltips for both on pricing page
* docs: update Refine svg in HeroFrameworks
* docs: use capital R for Refine mentions
* docs: use main branch for Refine repository references
* docs: update connect interface example code for Refine
* docs: update Refine quick start tutorial with Refine v5
* examples(refine-user-management): upgrade to Refine v5
* docs: update Refine getting started tutorial with Refine v5
* chore(studio): update Refine icon on Connect modal
* docs: update Refine svg
* docs: update welcome screen screenshot in Refine tutorial
* docs: update dimensions of welcome screen screenshot in Refine tutorial
* chore: remove leftover dist assets from Refine example
* chore(linter): add Refine to Rule001 and Rule003
* chore: format getting started with Refine.mdx
* chore: remove .prettierrc file from the example
* Added agencies page
* Updated agencies solution page with quotes
* Final approval on al quotes secured
* lint
* ts
---------
Co-authored-by: Alan Daniel <stylesshjs@gmail.com>
* add new tweets and remove old
* randomise on sign in
* prefer higher weights
* single source of truth
* additional tweet
* clean up extraneous content
* lws select blog posts setup
* update series e slug
* fix web3 blog quotes and images
* yb post images
* remove temp link
* add author
* add description
* update position
* Move typescript version definition to pnpm-workspace.
* Bump typescript to 5.9.
* Minor fixes to satisfy the compiler.
---------
Co-authored-by: Raúl Barroso <code@raulb.dev>
* first commit
* text color
* styles
* speaker image
* left line
* styles
* fix: arbitrary styles
* inset to align with elsewhere
* progress bar
* minor clean
* Add StateOfStartupsHeader component and update page
Introduces the StateOfStartupsHeader component for improved header styling on the state-of-startups page. Updates the page to use the new header and refactors the intro section layout. Adds a feature flag override for 'stateOfStartups' in useFlag for debugging purposes.
* Update StateOfStartupsHeader.tsx
* Update StateOfStartupsHeader.tsx
* Refactor progress bar components for reusability
Extracted a reusable ProgressBar component from DecorativeProgressBar and integrated it into StateOfStartupsHeader. Added support for configurable progress bars in header text blocks, improving code modularity and visual customization.
* Refactor StateOfStartupsHeader and update usage
Simplifies StateOfStartupsHeader by removing unused props and internalizing display logic. Progress bar delays are now randomized for a more dynamic effect. Updates state-of-startups.tsx to use the new header signature and removes legacy/commented code.
* Update StateOfStartupsHeader.tsx
* Update state-of-startups-og.png
* Update StateOfStartupsHeader.tsx
* Update header text color and OG image for State of Startups
Changed the 2025 TextBlock text color to 'text-brand-300' for improved visual consistency. Updated the Open Graph image for State of Startups.
Terry Sutton