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.