Visual Editing with Next.js App Router and Sanity Studio
Setup "Live by Default" fetches and interactive live preview with Presentation in Sanity Studio
Go to Visual Editing with Next.js App Router and Sanity StudioSetup "Live by Default" fetches and interactive live preview with Presentation in Sanity Studio
Go to Visual Editing with Next.js App Router and Sanity StudioThis Uniform experience manager allows marketers to build modern personalized digital experiences visually by re-purposing content from your Sanity content back-end and mix and match content from other sources.
The SanityPress starter template includes utility helper functions for working with the Sanity Studio structure.
Setup interactive live preview with Presentation in a Next.js pages router application
Go to Visual Editing with Next.js Pages Router and Sanity StudioAdd values for title, alt text and description to image assets through a custom input component with validation and all! (Code in JS & TS)
Go to Awesome custom input component for metadataLearn how to build a portfolio site with Sanity and Next.js 13 and also explore how to setup GROQ-powered webhooks for deployment
Learn how to efficiently build forms in React using Formik and Yup
Go to Form validation with YupA look at free portfolio templates that is all the rage in 2023.
Go to 6 Best Developer Portfolio TemplatesThis article will explore how to use SVG in React in three examples
Go to How to use SVGs in ReactThis post discusses top 5 rich-text components for React.js, the pros and cons and how to use each in your next project
Go to Top 5 rich-text React componentsIn this article we explain how we use Sanity and Remix to dynamically create sitemaps. The example used is from Heavybit, a developer tools VC in San Francisco.
Creating custom component is great, but sometimes, it is hard to follow every fields changes, and assure data stability.
Go to Handling complex state in a custom componentSee how we use Sanity and Headless CMS to allow B2B SaaS companies to control their whole site.
We go over different SEO elements that make Shopify stores we build at Tinloof rank on search engines.
We create an optimized translation workflow that combines Shopify and Sanity
This Guide will lead you through the all the steps you need to level-up your use of Portable Text: from setting up block content, adding custom blocks and renderers for the Portable Text Editor in your studio. But also help you query for everything and render your awesome content in React!
Go to Adding things to Portable Text - From block content schema to React componentLeverage Netlify Scheduled Functions to automate tasks.
We use Sanity to build fast websites that rank on the Google search engine and attract users. A/B testing is a great way to find out what content fits better with your target users, so integrating it on Sanity is a great way to test your content with real users before going live with them.