Open source feature flagging and experimentation platform for stress free deployments, measured impact, and smarter decisions.

GrowthBook Users

If you are doing client side rendering, you can render a loading state by default until JavaScript runs and then swap in the correct component. The other option is to use middleware or server side rendering so the correct HTML gets sent to the user initially.

<@U01TCPDB58C> Thanks for the direction. I've mostly got this going.

I'm trying to do an A/B test for my pricing page. I seem to have everything working and setup in my pages/_middleware.js. When I print out the pricing value for my new feature via console.log I'm successfully getting the value from Growthbook. So things are working yay.

Unfortunately, it's not super clear to me how to pass this over to my `../pages/pricing.tsx`. I'm assuming I'd set the pricing value as a variable and use that variable in my `../pages/pricing.tsx` but I'm not connecting the dots.

I understand this is out of scope and not related to Growthbook but I thought maybe you could nudge me in the right direction!

With Next.js middleware, there's no easy way to pass data into pages as props currently.  So instead, you could basically create 2 pages - `pricing.tsx` and `pricing-new.tsx` and route traffic between them in the middleware.

ah ok! that sounds doable and easy. thank you!