Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/oskardudycz/dante
Let's try some E-Commerce
https://github.com/oskardudycz/dante
Last synced: 27 days ago
JSON representation
Let's try some E-Commerce
- Host: GitHub
- URL: https://github.com/oskardudycz/dante
- Owner: oskardudycz
- Created: 2022-08-12T11:56:49.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-09T22:59:57.000Z (over 1 year ago)
- Last Synced: 2024-10-06T09:55:16.765Z (about 1 month ago)
- Language: TypeScript
- Homepage:
- Size: 2.51 MB
- Stars: 9
- Watchers: 5
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# dante
Let's try some E-Commerce.
## Prerequisities
1. Install Node.js >=18.7.0 - https://Node.js.org/en/download/. Recommended through NVM.
2. Install IDE, recommended [Visual Studio Code](https://code.visualstudio.com/download).
3. [Netlify](https://www.netlify.com/) account.
4. [Stripe](https://stripe.com) account.
## Setup
1. Setup `.env` file with Stripe credentials in format
```shell
STRIPE_PUBLISHABLE_KEY="put stripe publishable key here"
STRIPE_PRODUCT_PRICE_ID="put procut price id herere"
```
2. Install dependencies
```shell
npm install
```
2. Run local, dev build:
```shell
npm run develop
```
3. Run production build:
```
npm run build
```
## Troubleshooting
If changes seem to not be reflected in the build, try cleaning cache using
```shell
npm run clean
```
## VSCode recommended plugins
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
- [PostCSS](https://marketplace.visualstudio.com/items?itemName=csstools.postcss)
- [GraphQL](https://marketplace.visualstudio.com/items?itemName=GraphQL.vscode-graphql)
- [Markdown](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one)
## Useful links
### Stripe
- [Stripe Payment Element](https://stripe.com/docs/payments/payment-element)
- [Testing](https://stripe.com/docs/testing)
- [Orders overview](https://stripe.com/docs/orders)
- [Integrating Stripe with Polish payment gateways](https://www.youtube.com/watch?v=c4DvnfVSW3A)
- [Quickstart: Gatsby Stripe Checkout 2021](https://medium.com/@developer-junaid/quickstart-gatsby-stripe-checkout-a661dde1a98c)
- [Digital Wallet payments with React Stripe Elements and Netlify Functions](https://github.com/stripe-samples/react-elements-netlify-serverless)
- [How to create a Jamstack pet store app using Stripe, Gatsbyjs, and Netlify functions](https://blog.greenroots.info/how-to-create-a-jamstack-pet-store-app-using-stripe-gatsbyjs-and-netlify-functions)
- [Building a Serverless E-commerce Store with Stripe, Netlify, & 11ty](https://sia.codes/posts/serverless-ecommerce-store/)
### Netlify
- [Netlify Functions docs](https://docs.netlify.com/functions/build/?fn-language=ts)
- [Serverless Functions and TypeScript on Netlify (with Tomasz Łakomy) — Learn With Jason](https://www.youtube.com/watch?v=Tgyi4H6BcI4)
### GatsbyJS
- [TypeScript and Gatsby](https://www.gatsbyjs.com/docs/how-to/custom-configuration/typescript/)
- [Install Tailwind CSS with Gatsby](https://tailwindcss.com/docs/guides/gatsby)
- [Documentation](https://www.gatsbyjs.com/docs/)
- [Tutorials](https://www.gatsbyjs.com/tutorial/)
- [API Reference](https://www.gatsbyjs.com/docs/api-reference/)
- [Plugin Library](https://www.gatsbyjs.com/plugins)
- [Cheat Sheet](https://www.gatsbyjs.com/docs/cheat-sheet/)
## E-Commerce
- [React Shopping Cart](https://github.com/jeffersonRibeiro/react-shopping-cart)
### API
- [axios-hooks - React hooks for axios, with built-in support for server side rendering.](https://www.npmjs.com/package/axios-hooks)
- [Integrating Axios with React Hooks](https://blog.openreplay.com/integrating-axios-with-react-hooks)
- [How to use async functions in useEffect (with examples)](https://devtrium.com/posts/async-functions-useeffect)
- [Make an Http request on click in React](https://bobbyhadz.com/blog/react-send-request-on-click)
### Google Analytics
- [PartyTown - Run Third-Party Scripts From A Web Worker](https://partytown.builder.io/gatsby)
### DevOps
- [Gatsby Incremental Builds and Github Actions](https://www.raulmelo.dev/blog/cache-gatsby-github-actions)
- [Super fast npm install on Github Actions](https://www.voorhoede.nl/en/blog/super-fast-npm-install-on-github-actions/)
- [Caching dependencies to speed up workflows](https://docs.github.com/en/actions/using-workflows/caching-dependencies-to-speed-up-workflows)
- [Create a site from a template using the Netlify CLI](https://www.netlify.com/blog/create-a-site-from-a-template-using-the-netlify-cli/)
### CMS
- [How to render a static html page in ReactJS?](https://stackoverflow.com/a/65464471/10966454)
- [HackerNoon Rich Markdown Editor](https://github.com/hackernoon/rich-markdown-editor)
- [Best Awesome React Markdown Components](https://morioh.com/p/46067e5674d2)
- [React Markdown Editor](https://uiwjs.github.io/react-md-editor/)
- [daisyUI - The most popular, free and open-source Tailwind CSS component library](https://github.com/saadeghi/daisyui)