X

Automatically transform your Next.js Pages to use SuperJSON. Supports getStaticProps & getServerSideProps.

Getting started

Install the library with your package manager of choice, e.g.:

npm install babel-plugin-superjson-next

Since this is a companion to SuperJSON, make sure it's also installed:

npm install superjson

for npm 7 or later, you can skip this since from npm v7 automatically installs peer dependencies

Add the plugin to your .babelrc. If you don't have one, create it.

{
  presets: ['next/babel'],
  plugins: [
    ...
    'superjson-next' // 👈
  ]
}

That's it! Now you're free to use all values and type supported by SuperJSON in your Next.js Components.

Options

You can use the exclude option to exclude specific properties from serialisation.

{
  presets: ['next/babel'],
  plugins: [
    ...
    ['superjson-next', { exclude: ["someProp"] }]
  ]
}

Contributing

1. Clone the repo
2. yarn
3. yarn build

Test Example App

1. cd example
2. yarn (make sure you first run yarn build in the repo root)
3. yarn test

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Simon Knott 💻 📹 🤔 🚧	Brandon Bayer 🤔 📢	Nicolas Torres 💻 ⚠️ 🐛	Benjamin Johnson 💻 ⚠️ 🐛	Joris 💻	Alex Rohleder 🐛	Alex Johansson 💬
Cyrus 🐛	Gabe O'Leary 🐛	jlmodell 🐛	Cheese 🐛	JuanM04 🐛	Pieter Venter 🐛	Santeri Elo 💻
Diego Albitres 💻	Michał Miszczyszyn 🐛 🔌	Ítalo Andrade 🐛 💻	Vincas Stonys 🐛	Felipe Lima 💻 🐛	Dante 📖	Nils Haberkamp 💻 🔌 🐛
florian-milky 🐛

This project follows the all-contributors specification. Contributions of any kind welcome!