Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

This is a TailwindCSS, Next.js, medusa starter template. Feel free to use it, fork it and star it 🥳🙌
https://github.com/avneesh0612/next-medusa-tailwind-template

Last synced: about 1 month ago
JSON representation

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

Awesome Lists containing this project

README

        



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](https://github.com/medusajs/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:

```shell
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.

```shell
yarn
```

3. **Start developing.**

You are now ready to start up your project.

```shell
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**

- [Website](https://www.medusa-commerce.com/)
- [GitHub](https://github.com/medusajs)
- [Documentation](https://docs.medusa-commerce.com/)

6. **Learn more about Next.js**

- [Documentation](https://nextjs.org/docs)