from Jungle to Jungle || Sanity.io and Next.js Ecommerce Application

JAMstack is great beacuse of its lightweight, easy to use nature along with all of the security features that are sometimes heavy and tedious to build out. As a frontend developer, I don't always enjoy spending hours building out servers. I am able to and do enjoy some backend work, but my intention is to experiment and work with Headless CMS (less backend work) and to see how I can create a collaborative experience and environment. My fiance is interested in one day creating a plant store to sell or trade her plants and propogations, so she will be helping upload and manage content through the CMS side as I develop and customize the frontend to her specifications.

You can find her plant instagram at: fromjungletojungle

I look forward to adding snipcart for checkout features and implementing potentially Magic for authentication. This is still in the air as I learn more about CMS and plugins.

Features:

• Live previews, including website preview for products
• Frontend with product pages styled using Tailwind.css
• changing to Chakra-UI to understand Tailwind and ability to convert it
• Content types for products, ads, pages, routes, popup shops, social media
• customizing content for push notifs, integrating social media, reworking all ads and product

Live Preview of my development

You can append ?preview to the landing pages, product pages and the products overview to enable preview mode when you I am logged into my Sanity project. For example:

https://next-sanity-ecommerce-chi.vercel.app/products/roji?preview

You can find the code for the in-studio preview over in /studio/src/components/product.

Running Locally

To start the development server:

npm start

This will run the frontend at http://localhost:3000 and the Sanity Studio at http://localhost:3000/studio