Next.js 13 support, affiliate program, composable design systems demo, and more

Next.js 13 support

Next.js 13 is out, and we have updated our codegen and SDKs, including @plasmicapp/loader-nextjs, to support the latest and greatest. You can also use create-plasmic-app to easily spin up a new Next.js app that’s connected with Plasmic.

Many more long-awaited architectural changes are rolling out with Next.js 13, which we’ve followed for a while. Stay tuned!

Affiliate program launch

Love Plasmic? Want to share it and get rewarded for doing so? Sign up for our affiliate program.

There’s also no approval process to get started. Just add your PayPal email address, and generate your custom affiliate link instantly.

You can make up to 20-40% commission for the first 12 months.

• 40% on basic plans

• 27% on growth plans

• 20% on enterprise plans

You’ll also get a personal dashboard where you can view the traffic and conversions you’re generating, and track all the payments you’ve earned through the affiliate program. 

Check out our affiliate guide for more details.

The Future of Design Systems

The prolific Mr. Biscuit from the Plasmic community recently made an incredible demo, highlighting how the current generation of creative tools lack composability, and what it means for design systems.

Mr. Biscuit is known for his work hacking within Figma, so he knows a thing or two about design systems and tooling!

Amazing to see how far this pushes Plasmic. Check it out.

And more

• Can now reorder CMS fields—click the More button in a field to Move Up or Down.

• Publishing a static site via GitHub Pages now requires a manual configuration step, due to a change in GitHub API permissions. However, we generally recommend deploying to a hosting provider that supports server rendering, such as Vercel or Netlify. Or if you just want a simple site deployed without codebase integration, you can use Plasmic’s built-in hosting.

• Can now specify that code components should always accept styles (even if we cannot detect the className being rendered in the canvas) by setting styleSections: true in registerComponent().