Multiple Zoho CRM widget with NextJS

Reference: https://help.zoho.com/portal/en/community/topic/request-for-guidance-on-connecting-reactjs-to-zoho-crm-for-zoho-community-group

Help us with managing multiple widgets within the same project.

For example, we need URLs like https://127.0.0.1:5000/app/widget1 and https://127.0.0.1:5000/app/widget2. Unfortunately, we’re unable to use Next.js routing because the application is hosted by Zoho Sigma, and we don't have access to configurations like Nginx or .htaccess to route all paths to index.html.

As a workaround, I’m treating my Next.js app as a single-page React application and handling routes using query parameters, such as https://127.0.0.1:5000/app?page=widget1 and https://127.0.0.1:5000/app?page=widget2, to render components based on the query parameter. This approach works as expected in development mode.

However, after installing the app in ZohoCRM Sigma, we encountered issues: 412 errors in the network (Failed to load resource: the server responded with a status of 412) and an error message stating, "Something went wrong. Please bear with us. Try again later or contact support@zohosigma.com."

Zoho Desk Resources

Desk Community Learning Series
Digest
Functions
Meetups
Kbase
Resources
Glossary
Desk Marketplace
MVP Corner
Word of the Day

Topic Participants
hs
Jeya Ratna Mannaraj

Sticky Posts
All about extensions
Extensions are installable plugins or add-ons that help enhance a product. With Zoho extensions, you can improve your existing Zoho products or integrate with third-party apps. Why extensions? Some in-product customizations are available for your Zoho
Announcing Zoho Developer Community Bootcamps in India | Zoho Extensions
Hello everyone, We're excited to announce a line-up of Zoho Developer Community Bootcamps in India. These bootcamps focus on empowering developers of all skill levels to learn and build extensions for Zoho products and potentially monetize them by listing