Skip to main content

Installation

Install the package​

yarn add solito

Or, with NPM:

npm i solito

Next.js setup​

You'll need next-transpile-modules to run this in your Next.js app.

If you're in a monorepo (which is recommended), start by entering the directory of your Next.js app.

cd apps/next

Next, install the peer dependencies.

yarn add next-transpile-modules next-compose-plugins next-images next-fonts

Then run yarn in the root of your monorepo.

Finally, add solito to next-transpile-modules.

Your next.config.js file should look something like this:

const { withExpo } = require('@expo/next-adapter')
const withFonts = require('next-fonts')
const withImages = require('next-images')
const withPlugins = require('next-compose-plugins')

const withTM = require('next-transpile-modules')([
  'solito',
  // add other packages here that need transpiling, such as moti
])

module.exports = withPlugins(
  [withTM, withFonts, withImages, [withExpo, { projectRoot: __dirname }]],
  {
    // your next config goes here ...
  }
)