Canvas Medical cover image
ScopeAPI IntegrationDevelopment
TechnologiesNext.jsTailwind CSSAlgoliaPrismicVercel

Canvas Medical

In the rapidly evolving world of healthcare technology, staying ahead requires constant innovation and adaptability. To achieve this, Canvas Medical partnered with Monogram to leverage modern web technologies and in under three weeks, both developed and launched a comprehensive and interactive platform for various medical resources using Next.js, Tailwind CSS, Prismic, Algolia, and Vercel. By harnessing these tools, the website provides a seamless and efficient experience and allows healthcare professionals to easily access medical resources.

Visit Website
Canvas Medical cover image
[@portabletext/react] Unknown block type "summaryImage", specify a component for it in the `components.types` prop
Case study image 0

AI-Powered Protocols

The introduction of a medical protocol builder powered by artificial intelligence streamlined the scalability of the Canvas Protocols library. Users can select from various large language models (LLMs) to build custom protocols, which dynamically fill out content fields, reducing manual input and ensuring accuracy. This automation allows healthcare professionals to focus more on patient care by pre-filling information, saving valuable time. Integrating AI keeps Canvas Medical at the forefront of innovation, providing cutting-edge tools for the optimal accessibility of healthcare resources.

Next-Level Medical Resources

The new Canvas Medical website was developed, tested, and deployed using Next.js and Vercel to organize and facilitate access to protocols and prebuilt electronic medical records (EMRs). Additional functionality includes interactive discussions powered by Giscus, enhancing user engagement and support. Next.js was instrumental in building a scalable, server-rendered user experience, critical for handling high traffic volumes and ensuring rapid page loads. Paired with Vercel’s robust deployment solutions, the platform delivers unmatched reliability and performance, allowing medical professionals to access vital resources at any time and without delays.

Case study image 1
Case study image 0

Content at the Core

The new Canvas Medical website is powered by Prismic CMS, employing a headless CMS architecture that separates content management from the application’s user interface. This separation is essential for ensuring the accuracy and timeliness of content—critical factors in the healthcare industry. Prismic enables non-technical staff to update important information effortlessly, without having to touch a single line of code. This capability ensures that essential marketing and medical resources remain current and accessible, supporting the needs of a modern healthcare environment.

Quick Queries

Algolia's powerful search capabilities are integrated into the Canvas Medical platform, providing fast, relevant, and intuitive search and filtering for a number of medical resources. This integration helps users quickly find the information they need, from open source protocols to EMRs, enhancing the usability of the platform. Algolia’s real-time search functionality means that updates and new entries are immediately available, making the platform highly responsive to user queries and interactions.

Case study image 1
Case study image 0

Syncing Search Results

The search functionality of the new Canvas Medical website is powered by a dynamic integration between Prismic CMS and Algolia. Changes made in Prismic trigger a webhook, activating a serverless function. This function then fetches the updated data, prepares it, and syncs it with Algolia, ensuring that Canvas Medical's users always retrieve the most up-to-date information in their search results.