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

1

Strapi

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

#CMS #Blogging #Blogging Platform 310 social mentions

2

Snipcart

One of the steps that should be in an E-commerce application is the cart and payment transactions. In our example, we will use Snipcart for this process.

#eCommerce #eCommerce Platform #Online Marketplace 28 social mentions

3

Refine

Import { Box, Container, Flex, Image } from "@chakra-ui/react"; Export const Layout: React.FC = ({ children }) => { return ( <Box display={"flex"} flexDirection={"column"} backgroundColor={"#eeeeee"} minH={"100vh"} > <Container maxW={"container.lg"}> <Flex justify={"space-between"} mt={4} alignSelf={"center"}> <a href="https://refine.dev"> <Image alt="Refine Logo" src={"./refine_logo.png"} /> a> Flex> {children} Container> Box> ); };.

#Open Source #Developer Tools #Tech 36 social mentions

4

Superplate

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

#Developer Tools #Tech #CMS 11 social mentions

5

Chakra UI

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

#Design Tools #Developer Tools #UI 197 social mentions