Skip to content

Latest commit

 

History

History
60 lines (38 loc) · 1.95 KB

README.md

File metadata and controls

60 lines (38 loc) · 1.95 KB

Next.js Shopify Tailwind CSS Template

This template provides a starting point for building eCommerce applications using Next.js, Shopify, and Tailwind CSS. It combines the power of Next.js for server-side rendering and static site generation with Shopify's robust eCommerce platform and Tailwind CSS for styling.

Features

  • Next.js: Utilizes Next.js for efficient server-side rendering and static site generation, improving performance and SEO.
  • Shopify Integration: Seamlessly integrates with Shopify, allowing you to manage products, orders, and customers through Shopify's admin interface.
  • Tailwind CSS: Uses Tailwind CSS for utility-first CSS framework, enabling rapid UI development with highly customizable components.
  • Responsive Design: Built with mobile-first design principles, ensuring your application looks great on any device.
  • SEO Friendly: Optimized for search engines, with features like dynamic sitemaps and structured data.

Getting Started

To get started with this template, follow these steps:

  1. Clone the repository:

    git clone https://github.com/rutvij26/template-nextjs-shopify-tailwind.git

  2. Navigate to the project directory:

    cd template-nextjs-shopify-tailwind

  3. Install dependencies:

    npm install

  4. Set up environment variables (.env.local) for Shopify integration:

    SHOPIFY_STORE_URL=<your_shopify_store_url>
SHOPIFY_ACCESS_TOKEN=<your_shopify_access_token>

  5. Start the development server:

    npm run dev

  6. Open your browser and navigate to http://localhost:3000.

Deployment

Deploying your Next.js app to Vercel or Netlify is straightforward. Follow the official documentation for deployment instructions.

Contributing

Contributions are welcome Please feel free to open issues or submit pull requests.

License

This project is licensed under the MIT License. See the LICENSE file for details.