polarsource / polar

An Open Source Lemon Squeezy alternative with better pricing! Get paid coding on your passion.
https://polar.sh
Apache License 2.0
2.57k stars 93 forks source link

clients/web: improve onboarding flow #3719

Closed emilwidlund closed 1 month ago

vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
polar ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 5, 2024 10:47am
1 Skipped Deployment | Name | Status | Preview | Comments | Updated (UTC) | | :--- | :----- | :------ | :------- | :------ | | **polar-next-js-example** | ⬜️ Ignored ([Inspect](https://vercel.com/polar-sh/polar-next-js-example/hDzx4pr8HoBSpiZsjPBbvvoFqH2G)) | [Visit Preview](https://polar-next-js-example-git-aurora-polar-sh.vercel.app) | | Aug 5, 2024 10:47am |
github-actions[bot] commented 1 month ago

📦 Next.js Bundle Analysis for web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

🎉 Global Bundle Size Decreased

Page Size (compressed)
global 226.56 KB (-1 B)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

One Hundred Twenty Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load % of Budget (350 KB)
/layout 56.94 KB 283.5 KB 81.00% (+/- <0.01%)
/oauth2/authorize/page 35.38 KB 261.94 KB 74.84% (🟢 -0.05%)
/login/page 67.86 KB 294.42 KB 84.12% (🟢 -0.03%)
/(topbar)/checkout/success/page 69.17 KB 295.73 KB 84.50% (🟢 -0.04%)
/(topbar)/layout 182.91 KB 409.47 KB 116.99% (🟢 -0.12%)
/[organization]/(sidebar)/donate/page 197.86 KB 424.42 KB 121.26% (🟢 -0.24%)
/[organization]/(sidebar)/layout 196.07 KB 422.63 KB 120.75% (🟢 -0.14%)
/[organization]/(sidebar)/issues/page 128.31 KB 354.87 KB 101.39% (🟢 -0.12%)
/[organization]/(sidebar)/page 229.25 KB 455.81 KB 130.23% (🟢 -0.43%)
/[organization]/(sidebar)/posts/[postSlug]/page 196.26 KB 422.82 KB 120.81% (🟢 -0.15%)
/[organization]/(sidebar)/posts/page 138.87 KB 365.43 KB 104.41% (🟢 -0.04%)
/[organization]/(sidebar)/products/[productId]/page 135.74 KB 362.3 KB 103.51% (🟢 -0.10%)
/[organization]/(sidebar)/products/page 102.75 KB 329.31 KB 94.09% (🟢 -0.13%)
/[organization]/(sidebar)/repositories/page 72.62 KB 299.18 KB 85.48% (🟢 -0.12%)
/[organization]/(sidebar)/subscriptions/page 157.34 KB 383.9 KB 109.69% (🟢 -0.13%)
/[organization]/[repo]/issues/[number]/(create)/page 154.39 KB 380.95 KB 108.84% (🟢 -0.24%)
/[organization]/[repo]/layout 106.49 KB 333.05 KB 95.16% (🟢 -0.03%)
/[organization]/[repo]/page 222.49 KB 449.05 KB 128.30% (🟢 -0.01%)
/[organization]/subscribe/page 144.47 KB 371.03 KB 106.01% (🟢 -0.13%)
/[organization]/[repo]/issues/[number]/status/page 180.15 KB 406.71 KB 116.20% (🟢 -0.14%)
/backoffice/layout 455.89 KB 682.45 KB 194.98% (🟡 +0.02%)
/dashboard/(onboarding)/create/page 104.07 KB 330.63 KB 94.47% (🟡 +0.70%)
/docs/api/[...endpoint]/page 408.42 KB 634.98 KB 181.42% (🟢 -0.03%)
/docs/layout 103.94 KB 330.5 KB 94.43% (🟢 -0.05%)
/(landing)/(features)/benefits/page 138.97 KB 365.53 KB 104.44% (🟢 -0.05%)
/(landing)/layout 108.08 KB 334.64 KB 95.61% (🟢 -0.05%)
/(landing)/(features)/donations/page 138.97 KB 365.53 KB 104.44% (🟢 -0.05%)
/(landing)/(features)/issue-funding/page 138.97 KB 365.53 KB 104.44% (🟢 -0.05%)
/(landing)/(features)/products/page 138.97 KB 365.53 KB 104.44% (🟢 -0.05%)
/(landing)/page 138.84 KB 365.4 KB 104.40% (🟢 -0.04%)
/(landing)/(features)/newsletters/page 154.55 KB 381.11 KB 108.89% (🟢 -0.04%)
/(topbar)/(backer)/purchases/products/page 102.88 KB 329.43 KB 94.12% (🟢 -0.12%)
/(topbar)/(backer)/purchases/products/[id]/page 208.88 KB 435.44 KB 124.41% (🟢 -0.11%)
/(topbar)/(backer)/purchases/subscriptions/[id]/page 210.79 KB 437.35 KB 124.96% (🟢 -0.12%)
/(topbar)/(backer)/settings/page 212.81 KB 439.37 KB 125.54% (🟢 -0.25%)
/(topbar)/(backer)/purchases/subscriptions/page 96.87 KB 323.43 KB 92.41% (🟢 -0.25%)
/dashboard/[organization]/(topbar)/(home)/page 457.17 KB 683.73 KB 195.35% (🟢 -5.37%)
/dashboard/[organization]/(topbar)/layout 455.89 KB 682.45 KB 194.98% (🟡 +0.02%)
/dashboard/[organization]/(topbar)/analytics/page 573.09 KB 799.65 KB 228.47% (🟢 -0.11%)
/dashboard/[organization]/(topbar)/donations/overview/page 573.29 KB 799.85 KB 228.53% (🟢 -0.21%)
/dashboard/[organization]/(topbar)/initialize/page 144.81 KB 371.37 KB 106.10% (🟢 -0.13%)
/dashboard/[organization]/(topbar)/issues/badge/page 468.38 KB 694.94 KB 198.55% (+/- <0.01%)
/dashboard/[organization]/(topbar)/issues/organizations/page 447.92 KB 674.48 KB 192.71% (🟡 +0.03%)
/dashboard/[organization]/(topbar)/issues/overview/page 489.98 KB 716.54 KB 204.73% (🟡 +0.17%)
/dashboard/[organization]/(topbar)/members/page 445.26 KB 671.82 KB 191.95% (🟢 -0.06%)
/dashboard/[organization]/(topbar)/posts/page 556.9 KB 783.46 KB 223.85% (🟢 -0.13%)
/dashboard/[organization]/(topbar)/posts/analytics/page 569.64 KB 796.2 KB 227.48% (🟢 -0.09%)
/dashboard/[organization]/(topbar)/products/benefits/page 539.21 KB 765.77 KB 218.79% (+/- <0.01%)
/dashboard/[organization]/(topbar)/products/overview/page 447.25 KB 673.81 KB 192.52% (🟢 -0.03%)
/dashboard/[organization]/(topbar)/sales/subscriptions/page 491.53 KB 718.09 KB 205.17% (🟢 -0.01%)
/dashboard/[organization]/(topbar)/sales/page 478.65 KB 705.21 KB 201.49% (🟢 -0.02%)
/dashboard/[organization]/(topbar)/settings/page 460.24 KB 686.8 KB 196.23% (🟢 -0.13%)
/dashboard/[organization]/(white)/posts/[post]/page 558.92 KB 785.48 KB 224.42% (🟡 +0.13%)
/dashboard/[organization]/(white)/layout 426.66 KB 653.21 KB 186.63% (🟢 -0.05%)
/dashboard/[organization]/(topbar)/settings/webhooks/endpoints/[id]/page 491.19 KB 717.75 KB 205.07% (🟢 -0.02%)
/dashboard/[organization]/(white)/posts/new/page 556.58 KB 783.14 KB 223.75% (🟡 +0.13%)
/dashboard/[organization]/products/[id]/page 527.65 KB 754.21 KB 215.49% (🟢 -0.01%)
/dashboard/[organization]/products/layout 426.66 KB 653.21 KB 186.63% (🟢 -0.05%)
/dashboard/[organization]/products/new/page 527.33 KB 753.89 KB 215.40% (🟢 -0.01%)
/dashboard/[organization]/promote/page 462.49 KB 689.05 KB 196.87% (🟡 +0.06%)
/dashboard/[organization]/promote/layout 426.66 KB 653.21 KB 186.63% (🟢 -0.05%)
/docs/(mdx)/benefits/discord/page 33.99 KB 260.55 KB 74.44% (🟢 -0.06%)
/docs/(mdx)/layout 353.48 KB 580.04 KB 165.72% (🟢 -0.03%)
/docs/(mdx)/benefits/ads/page 33.62 KB 260.18 KB 74.34% (🟢 -0.06%)
/docs/(mdx)/benefits/file-downloads/page 34.43 KB 260.99 KB 74.57% (🟢 -0.07%)
/docs/(mdx)/benefits/github-repositories/page 33.7 KB 260.26 KB 74.36% (🟢 -0.06%)
/docs/(mdx)/benefits/newsletter/page 33.59 KB 260.15 KB 74.33% (🟢 -0.06%)
/docs/(mdx)/benefits/page 31.26 KB 257.82 KB 73.66% (🟢 -0.06%)
/docs/(mdx)/customers/purchases/page 30.53 KB 257.09 KB 73.46% (🟢 -0.06%)
/docs/(mdx)/donations/page 31.88 KB 258.44 KB 73.84% (🟢 -0.07%)
/docs/(mdx)/finance/accounts/page 33.78 KB 260.34 KB 74.38% (🟢 -0.06%)
/docs/(mdx)/finance/balance/page 30.99 KB 257.55 KB 73.59% (🟢 -0.06%)
/docs/(mdx)/finance/payouts/page 30.53 KB 257.09 KB 73.45% (🟢 -0.05%)
/docs/(mdx)/github/embeds/page 31.39 KB 257.95 KB 73.70% (🟢 -0.06%)
/docs/(mdx)/github/funding-yaml/page 30.53 KB 257.09 KB 73.46% (🟢 -0.06%)
/docs/(mdx)/issue-funding/getting-started/page 33.18 KB 259.74 KB 74.21% (🟢 -0.06%)
/docs/(mdx)/guides/page 30.53 KB 257.09 KB 73.46% (🟢 -0.06%)
/docs/(mdx)/github/install/page 33.64 KB 260.2 KB 74.34% (🟢 -0.06%)
/docs/(mdx)/issue-funding/reward-contributors/page 31.32 KB 257.88 KB 73.68% (🟢 -0.06%)
/docs/(mdx)/issue-funding/page 31.06 KB 257.62 KB 73.61% (🟢 -0.06%)
/docs/(mdx)/issue-funding/workflow/page 34.85 KB 261.41 KB 74.69% (🟢 -0.08%)
/docs/(mdx)/merchant-of-record/tax/page 30.53 KB 257.09 KB 73.46% (🟢 -0.06%)
/docs/(mdx)/merchant-of-record/compliance/page 30.53 KB 257.09 KB 73.46% (🟢 -0.06%)
/docs/(mdx)/newsletters/analytics/page 31.13 KB 257.69 KB 73.63% (🟢 -0.06%)
/docs/(mdx)/newsletters/page 33.53 KB 260.09 KB 74.31% (🟢 -0.06%)
/docs/(mdx)/onboarding/page 60.12 KB 286.68 KB 81.91% (🟢 -0.05%)
/docs/(mdx)/newsletters/publish/page 30.89 KB 257.45 KB 73.56% (🟢 -0.06%)
/docs/(mdx)/page 30.98 KB 257.54 KB 73.58% (🟢 -0.06%)
/docs/(mdx)/payments-taxes/page 30.53 KB 257.09 KB 73.46% (🟢 -0.06%)
/docs/(mdx)/sales/page 33.15 KB 259.71 KB 74.20% (🟢 -0.05%)
/docs/(mdx)/products/page 34.59 KB 261.15 KB 74.61% (🟢 -0.07%)
/docs/(mdx)/products/create/page 34.28 KB 260.84 KB 74.52% (🟢 -0.06%)
/docs/(mdx)/sales/orders/page 30.82 KB 257.38 KB 73.54% (🟢 -0.06%)
/docs/(mdx)/subscriptions/page 30.53 KB 257.09 KB 73.45% (🟢 -0.05%)
/docs/(mdx)/sales/subscriptions/page 30.82 KB 257.38 KB 73.54% (🟢 -0.06%)
/docs/api/(mdx)/authentication/page 179.35 KB 405.91 KB 115.97% (🟢 -0.24%)
/docs/api/(mdx)/layout 353.47 KB 580.03 KB 165.72% (🟢 -0.03%)
/docs/api/(mdx)/github-actions/page 30.53 KB 257.09 KB 73.46% (🟢 -0.06%)
/docs/api/(mdx)/polar-sdk/page 32.81 KB 259.37 KB 74.11% (🟢 -0.06%)
/docs/api/(mdx)/webhooks/page 31.33 KB 257.89 KB 73.68% (🟢 -0.06%)
/docs/api/(mdx)/page 30.53 KB 257.09 KB 73.46% (🟢 -0.06%)
/docs/api/(mdx)/webhooks/events/page 25.52 KB 252.08 KB 72.02% (🟢 -0.05%)
/docs/support/(mdx)/faq/page 32.81 KB 259.37 KB 74.11% (🟢 -0.06%)
/docs/support/layout 353.47 KB 580.03 KB 165.72% (🟢 -0.03%)
/docs/support/(mdx)/page 30.53 KB 257.09 KB 73.46% (🟢 -0.06%)
/(landing)/(mdx)/careers/page 30.53 KB 257.09 KB 73.46% (🟢 -0.06%)
/docs/contribute/page 32.81 KB 259.37 KB 74.11% (🟢 -0.06%)
/docs/contribute/layout 353.48 KB 580.04 KB 165.72% (🟢 -0.03%)
/(topbar)/(backer)/(sidebar)/feed/page 136.33 KB 362.89 KB 103.68% (🟢 -0.04%)
/(topbar)/(backer)/(sidebar)/layout 91.15 KB 317.71 KB 90.77% (🟢 -0.13%)
/(topbar)/(backer)/(sidebar)/funding/page 201.17 KB 427.73 KB 122.21% (🟢 -0.13%)
/(topbar)/(backer)/finance/account/page 171.81 KB 398.37 KB 113.82% (🟢 -0.01%)
/(topbar)/(backer)/finance/layout 152.92 KB 379.48 KB 108.42% (🟢 -0.12%)
/(topbar)/(backer)/finance/incoming/page 186.21 KB 412.77 KB 117.93% (🟢 -0.04%)
/(topbar)/(backer)/finance/outgoing/page 138.26 KB 364.82 KB 104.23% (🟢 -0.12%)
/dashboard/[organization]/(topbar)/finance/account/page 173.28 KB 399.84 KB 114.24% (🟢 -0.01%)
/dashboard/[organization]/(topbar)/finance/layout 426.65 KB 653.21 KB 186.63% (🟢 -0.05%)
/dashboard/[organization]/(topbar)/finance/incoming/page 187.72 KB 414.28 KB 118.36% (🟢 -0.10%)
/dashboard/[organization]/(topbar)/finance/outgoing/page 139.58 KB 366.14 KB 104.61% (🟢 -0.13%)
/dashboard/[organization]/(topbar)/finance/issue-funding/layout 426.65 KB 653.21 KB 186.63% (🟢 -0.05%)
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

The "Budget %" column shows what percentage of your performance budget the First Load total takes up. For example, if your budget was 100kb, and a given page's first load size was 10kb, it would be 10% of your budget. You can also see how much this has increased or decreased compared to the base branch of your PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this. If you see "+/- <0.01%" it means that there was a change in bundle size, but it is a trivial enough amount that it can be ignored.