Next.js E-commerce App with Strapi and Chakra UI

• refine

  86 4,064 9.9 TypeScript

  Discontinued Build your React-based CRUD applications, without constraints. [Moved to: https://github.com/refinedev/refine] (by pankod)

  

import { Box, Container, Flex, Image } from "@chakra-ui/react"; export const Layout: React.FC = ({ children }) => { return ( a> Flex> {children} Container> Box> ); };

• superplate

  32 2,755 6.9 TypeScript

  A well-structured production-ready frontend boilerplate with Typescript, React Testing Library, styled-component, React Query, .env, Axios, Bundle Analyzer, Prettier and 30+ plugins. superplate creates projects for React.js, Next.js, and refine. https://pankod.github.io/superplate/

  

Let's start by creating our refine project. You can use the superplate to create a refine project.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Strapi

  458 59,941 10.0 TypeScript

  🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.

  

We will use Strapi and Chakra-UI together with Next.js in our E-commerce client example application.

• chakra-ui

  344 36,578 9.0 MDX

  ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  

We will use Strapi and Chakra-UI together with Next.js in our E-commerce client example application.

Suggest a related project