Framer Pages Support

Nextbase is built on top of Next.js. Hence it supports the integration of Framer-designed pages, allowing you to seamlessly incorporate visually stunning designs into your application. Use the rewrites feature in Next.js to add any framer page as a route in your Nextbase application.

export default {
  // other configurations...
  rewrites: async () => {
    return [
      {
        source: '/',
        destination: 'https://your-framer-website.framer.app',
      },
      {
        source: '/another-page',
        destination: 'https://your-framer-website.framer.app/another-page',
      },
    ];
  },
};

This will show the framer page at the / and /another-page routes in your Nextbase application.

Not only Framer, you can use this feature to add any website as a route in your Nextbase application.