https://github.com/weaverse/naturelle
Naturélle - Shopify Hydrogen Theme, power by Weaverse Hydrogen Theme Customizer.
https://github.com/weaverse/naturelle
headless-commerce hydrogen-theme remix-run shopify-hydrogen weaverse
Last synced: 3 months ago
JSON representation
Naturélle - Shopify Hydrogen Theme, power by Weaverse Hydrogen Theme Customizer.
- Host: GitHub
- URL: https://github.com/weaverse/naturelle
- Owner: Weaverse
- Created: 2023-11-17T11:50:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2026-01-12T03:09:08.000Z (6 months ago)
- Last Synced: 2026-01-12T09:51:30.445Z (6 months ago)
- Topics: headless-commerce, hydrogen-theme, remix-run, shopify-hydrogen, weaverse
- Language: TypeScript
- Homepage: https://naturelle.weaverse.dev
- Size: 2.79 MB
- Stars: 15
- Watchers: 2
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Naturelle - Shopify Hydrogen Theme
_Naturelle is a state-of-the-art Shopify theme, crafted specifically for beauty brands. Leveraging Hydrogen's robust architecture and integrated with Remix and Weaverse, it provides a foundation for building ultra-fast, high-performing online storefronts. Our theme makes it effortless to deliver a seamless shopping experience._
## Demo
Explore Naturelle in action:
- [Live store demo](https://naturelle.weaverse.dev)
- Experiment with customizations on the [Weaverse Playground](https://studio.weaverse.io/demo?theme=naturelle)
## Features
What you get with Naturelle:
- **Core Technologies**: Hydrogen, Remix, and Oxygen for unmatched performance.
- **Development Tools**: Shopify CLI, ESLint, and Prettier.
- **Programming**: Support for both TypeScript and JavaScript.
- **Styling**: Tailwind CSS implemented via PostCSS.
- **Rich Components**: A comprehensive set of pre-designed components and routes.
- **Customization**: Fully adaptable through [Weaverse](https://weaverse.io).
## Deployment
Efficient deployment options:
- [Deploy directly to Shopify Oxygen](https://weaverse.io/docs/deployment/oxygen)
- [Deploy using Vercel](https://wvse.cc/deploy-pilot-to-vercel)
## Getting Started
**Prerequisites:**
- Ensure you have Node.js version 18.0.0 or higher installed.
**Setup Instructions:**
1. Download [Weaverse Hydrogen](https://apps.shopify.com/weaverse) from the Shopify App Store.
2. Launch a new Hydrogen storefront within Weaverse.
3. Use the `@weaverse/cli` to initialize the project and start a local development server as guided in the Weaverse editor.
4. Dive into the Weaverse editor to personalize and enhance your storefront to meet your brand needs.
## Documentation and Resources
For more detailed guidance:
- [Weaverse Documentation](https://weaverse.io/docs)
- [Hydrogen Documentation](https://shopify.dev/custom-storefronts/hydrogen)
- [Learn more about Remix](https://remix.run/)