Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/antga/greensandprints
This repository hosts the code for my ecommerce website made using NextJS, TailwindCSS and ShopifyAPI.
https://github.com/antga/greensandprints
graphql nextjs shopify typescript
Last synced: about 1 month ago
JSON representation
This repository hosts the code for my ecommerce website made using NextJS, TailwindCSS and ShopifyAPI.
- Host: GitHub
- URL: https://github.com/antga/greensandprints
- Owner: AntGa
- Created: 2024-07-24T10:39:07.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-10-03T12:25:52.000Z (about 2 months ago)
- Last Synced: 2024-10-13T06:43:42.490Z (about 1 month ago)
- Topics: graphql, nextjs, shopify, typescript
- Language: TypeScript
- Homepage: https://greensandsigns.vercel.app
- Size: 13.5 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Greens & Prints
Greens & Prints is a headless e-commerce application created in 2024, focused on selling a wide variety of plants. Built using the Next.js framework, the application aims to provide a smooth, fast, and intuitive user experience while offering dynamic product displays and responsive design. This project also allowed me to deepen my knowledge of modern web technologies such as TypeScript, React, TailwindCSS, and GraphQL, all while maintaining high-performance standards and seamless interactions for end-users.
## Technologies used
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!