This is a TailwindCSS, Next.js, medusa starter template. Feel free to use it, fork it and star it 🥳🙌

  • By Avneesh Agarwal
  • Last update: May 5, 2022
  • Comments: 1

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

Github

https://github.com/avneesh0612/next-medusa-tailwind-template

Comments(1)

  • 1

    [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

Popular Tag

Related