Pretty minimal boilerplate for NextJS + Sanity using styled-components, react, typescript and framer-motion. Also features storybook and chromatic.
From their own words; Sanity.io is the platform for structured content. With Sanity.io you can manage your text, images, and other media with APIs. You can also use the open-source single page application Sanity Studio to quickly set up an editing environment that you can customize. With Sanity.io you have access to a bunch of APIs, libraries, and tooling that helps you leverage the benefits of having all your content available as a single source of truth. This article will quickly walk you through some central concepts, giving you a head start.
TL;DR; A headless cms.
From their own words; Sanity Studio is an open-source CMS built with React.js. It offers rapid configuration and free form customization. Use our toolkits and plugins to create the workflow that optimizes for how you want to work with content.
TL;DR; A cms for the headless cms above
If you don't know this repo probably does not concern you.
From their own words; Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
TL;DR; The thing that produces what readers can see, in a smart way.
A production-ready motion library for React. Utilize the power behind Framer, the best prototyping tool for teams. Proudly open source. A simple declarative syntax means you write less code. Less code means your codebase is easier to read and maintain.
From their own words; Styled-Components utilises tagged template literals (a recent addition to JavaScript) and the power of CSS, and allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier! Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!
TL;DR; A modern approach to writing css without writing css.
From their own words; Vercel, built by the same team that made Next.js, provides production-grade hosting for Next.js websites with zero configuration.
From their own words; Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more. It makes building stunning UIs organized and efficient.
TL;DR; Build and test the parts that make up the site in isolation.
From their own words; Chromatic automates gathering UI feedback, visual testing, and documentation, so developers can iterate faster with less manual work.
TL;DR; Hosting and visual inspection of the output from above
88 88 888888 88b 88 88""Yb 88 88 dP .d
88 88 88__ 88Yb88 88__dP 88 88odP .d88
888888 88"" 88 Y88 88"Yb 88 88"Yb 88
88 88 888888 88 Y8 88 Yb 88 88 Yb 88