This is a TailwindCSS, Next.js, medusa starter template

Overview

Next.js

Medusa Next.js Tailwind Starter Template

Medusa is an open-source headless commerce engine that enables developers to create amazing digital commerce experiences.

Prerequisites: To use the starter you should have a Medusa server running locally on port 9000. Check out medusa-starter-default for a quick setup.

Quickstart

  1. Setting up the environment variables

    Navigate into your projects directory and get your enviroment variables ready:

    cd nextjs-starter-medusa/
    mv .env.template .env.local

    Add your Stripe API key to your .env.local

    NEXT_PUBLIC_STRIPE_KEY=pk_test_something
    
  2. Install dependencies

    Use Yarn to install all dependencies.

    yarn
  3. Start developing.

    You are now ready to start up your project.

    yarn dev
  4. Open the code and start customizing!

    Your site is now running at http://localhost:8000!

    Edit /pages/index.js to see your site update in real-time!

  5. Learn more about Medusa

  6. Learn more about Next.js

You might also like...

A responsive, Bootstrap landing page template created by Start Bootstrap

A responsive, Bootstrap landing page template created by Start Bootstrap

Start Bootstrap - Landing Page Landing Page is a multipurpose landing page template for Bootstrap created by Start Bootstrap. Preview View Live Previe

Jan 3, 2023

πŸ–Ό A pure client-side landing page template that you can fork, customize and host freely. Relies on Mailchimp and Google Analytics.

landing-page-boilerplate A pure client-side landing page template that you can freely fork, customize, host and link to your own domain name (e.g. usi

Dec 24, 2022

AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio This project is a skeleton for a simple single-page web application (SPA) built on top of the: AngularJS 1.2.

Jun 18, 2022

:page_facing_up::briefcase::tophat: A simple Jekyll + GitHub Pages powered resume template.

:page_facing_up::briefcase::tophat: A simple Jekyll + GitHub Pages powered resume template.

Resume template A simple Jekyll + GitHub Pages powered resume template. Docs Running locally To test locally, run the following in your terminal: Clon

Dec 27, 2022

Material Design Based One Page HTML Template

Material Design Based One Page HTML Template

Material Design One Page HTML Template MD One page template is fully responsive and free to use. This HTML template is based on Materialize, a CSS Fra

Jan 2, 2023

A simple, one page, Bootstrap HTML website template created by Start Bootstrap

A simple, one page, Bootstrap HTML website template created by Start Bootstrap

Start Bootstrap - One Page Wonder One Page Wonder is a basic one page template for Bootstrap created by Start Bootstrap. Preview View Live Preview Sta

Dec 18, 2022

Free responsive one page portfolio template

Free responsive one page portfolio template

Portfolio one page template - ARCHIVED Flat and responsive website template, designed and coded by Maxim Orlov. Demo: http://website-templates.github.

Jan 2, 2023

A modern static resume template and theme. Powered by Jekyll and GitHub pages.

A modern static resume template and theme. Powered by Jekyll and GitHub pages.

modern-resume-theme A modern simple static resume template and theme. Powered by Jekyll and GitHub pages. Host your own resume on GitHub for free! Vie

Dec 31, 2022

A shop homepage Bootstrap HTML template created by Start Bootstrap

A shop homepage Bootstrap HTML template created by Start Bootstrap

Start Bootstrap - Shop Homepage Shop Homepage is a basic HTML online store homepage template for Bootstrap created by Start Bootstrap. Preview View Li

Jan 1, 2023
Comments
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 67% πŸŽ‰

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /public/nextjs.png | 108.21kb | 32.47kb | 70.00% | | /public/medusa-logo.svg | 3.15kb | 3.08kb | 2.33% | | /public/vercel.svg | 1.08kb | 1.06kb | 1.00% | | | | | | | Total : | 112.43kb | 36.61kb | 67.44% |


    πŸ“ docs | :octocat: repo | πŸ™‹πŸΎ issues | πŸͺ marketplace

    ~Imgbot - Part of Optimole family

    opened by imgbot[bot] 0
Owner
Avneesh Agarwal
I am a young, enthusiast web developer πŸ€“
Avneesh Agarwal
A Github Pages template for nonprofits seeking a starter website. Includes online donations and newsletter signup.

A Free Website Template for Nonprofits We want to help introduce the nonprofit community to the powerful world of open source development. Just follow

SmarterGiving 98 Dec 16, 2022
A utility library to lookup TailwindCSS Heroicons by their name

Welcome to heroicons-lookup ?? A utility library to lookup TailwindCSS Heroicons by their name. Based on @jsmith's gist ?? Homepage ✨ Demo(coming soon

NicolΓ‘s Quiroz 8 Oct 3, 2022
A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pages and documentations.

Scribbler - a responsive HTML template for coding projects and documentations Scribbler is a responsive HTML/CSS/Javascript template designed for deve

Amie Chen 394 Jan 1, 2023
A Simple and beautiful template for blog or portfolio using Next js.

Next js Blog Configuration Update your name in theme.config.js or change the footer. Update your name and site URL for the RSS feed in scripts/gen-rss

pritu 6 Apr 20, 2022
CSS Boilerplate / Starter Kit: Collection of best-practice CSS selectors

Natural Selection Natural Selection is a CSS framework without any styling at all. It is just a collection of selectors that can be used to define glo

FrontAid CMS 104 Dec 8, 2022
Landing page starter

?? Fresh Fresh is a free landing page starter built by cssninjaStudio. ✌️ preview Check out the live demo by clicking here. Fresh is built with Bulma

cssninja 486 Dec 23, 2022
A starter CSS framework that actually looks good.

Mustard UI Mustard is a starter CSS framework that actually looks good. Getting Started Mustard UI is currently in release v1.0. Try it out today and

Kyle Logue 1k Dec 28, 2022
A React.js Nice Resume Template

React Nice Resume DEMO is here About particles-bg library This project uses the react particle background component library https://github.com/lindelo

Nordic Giant 476 Dec 28, 2022
A react wonderful landingpage template

Wonderful Landing Page Template LIVE DEMO Description This is a ReactJS based landing page template, fit for a startup company/service with a one page

wonderful landing page 104 Jan 6, 2023
A beautiful vue.js homepage template, very useful

Vue Nice HomePage DEMO is here About particles-bg-vue library This project uses the react particle background component library https://github.com/lin

Nordic Giant 38 Dec 24, 2022