Plasmic beyond React
Beyond React: Plasmic for any stack
We’re incredibly excited to announce that Plasmic can now be used in tech stacks besides React applications.
Using a React SPA? Vue? A Wordpress/PHP setup? Another SSG like 11ty or Hugo? You can now use Plasmic across all of these environments and more!
See quickstarts and API docs for: “plain” React, Next.js, Gatsby, Vue, Nuxt, Angular, PHP, vanilla JS, and direct REST API access with curl.
Or click the Code button in Plasmic Studio to see the quickstarts right from your project, complete with the project ID and API tokens available for you to copy and paste directly into your code.
This is a milestone that we’ve been excited to get to since the inception of Plasmic, and even more so as we recently started working with teams that straddle an increasingly diverse set of environments. We’ll continue to work on making Plasmic into the most versatile, universal visual builder for any platform.
In the meantime, we’re excited to hear all your questions and feedback on the Plasmic Slack community!
New Plasmic libraries for React
We have not stopped pushing forward on the React front either!
Since its introduction, PlasmicLoader has quickly become the primary way that Next.js and Gatsby developers consume Plasmic content into their apps—anything from marketing websites to headless commerce storefronts. These libraries enable a familiar CMS-style workflow of consuming designs, without needing to manually generate, commit, and manage Plasmic code within their codebase.
Now, alongside the libraries released for frameworks beyond React, we’ve also released new libraries for Next.js and Gatsby as well. Furthermore, we’ve added a library for “plain” React as well—this works with both client-rendered SPAs and server-rendered React apps.
All the new libraries build on the same uniform foundation that consumes designs entirely over an API, rather than generating source files into your codebase at build-time. This enables modes of integration that were not possible before, such as the ability to publish Plasmic designs into your running app, without needing to trigger deployments or otherwise couple builds with Plasmic publishes. One great way to see this is with Next.js’s Incremental Static Regeneration (ISR) feature, which is as easy as adding a revalidate field to your getStaticProps!
If you are on @plasmicapp/loader, we strongly recommend upgrading to @plasmicapp/loader-nextjs or @plasmicapp/loader-gatsby. @plasmicapp/loader will continue to work, but new development will focus on the new libraries. We have docs on migrating available.
If you are using “plain” React, install @plasmicapp/loader-react. We continue to recommend codegen for developers implementing complex or stateful frontends.
Plasmic for Shopify: call for early access
We have started working with some teams that run Shopify-hosted stores. If you’re interested in early access to Plasmic’s Shopify app, please let us know!