Visual Editing with Next.js Pages Router and Sanity Studio
Setup interactive live preview with Presentation in a Next.js pages router application
Go to Visual Editing with Next.js Pages Router and Sanity StudioSetup interactive live preview with Presentation in a Next.js pages router application
Go to Visual Editing with Next.js Pages Router and Sanity StudioSetup interactive live preview with Presentation in a Next.js app router application
Go to Visual Editing with Next.js App 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.
At Tinloof, we aim to create websites that retain users, and tracking their interactions is key to making that happen. We’ll explain in this article the analytics possibilities with Sanity and how we make them possible in our projects.
Sanity is a content platform that is used to unify, structure, and deliver the content of an organization. We regularly use it as a headless CMS for our clients to control the content and layout of their websites, whose frontend is usually built with a framework like Remix or Next.js.