Skip to content

Commit

Permalink
Merge pull request #2 from bSimplefeed/master
Browse files Browse the repository at this point in the history
Fix The README for more clarify and detail as suggsted by #1 and #3
  • Loading branch information
mddanishyusuf authored Jun 15, 2020
2 parents 118ad02 + 287019f commit 067253d
Showing 1 changed file with 23 additions and 19 deletions.
42 changes: 23 additions & 19 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,47 +1,48 @@
Demo of this project: [https://coffee.mohddanish.me/](https://coffee.mohddanish.me/)
This Project Demo can be viewed here : [https://coffee.mohddanish.me/](https://coffee.mohddanish.me/)

## About Me
I'm 26y old Front-end Engineer with Master Degree but I can do anything related with technology. 🚀 I can make MVP in days, 🧙‍♀️ Magic with NodeJS, 🤖 Automate the boring stuffs, 👨‍💻 Hack the third party APIs for any use case, and I always get a solution of the problem. I'm foodie & love to cook 🍳.

I'm 26y old Front-end Engineer with Master Degree but I can do anything related with technology. 🚀 I can make MVP in days, 🧙‍♀️ Magic with NodeJS, 🤖 Automate the boring stuffs, 👨‍💻 Hack the third party APIs for any use case, and I always get a solution of the problem. I'm foodie & love to cook 🍳.

## Why i built this

In my country, there are lots of developers who build awesome things and people use them for free. So, people love to support those developers.

But in India to get the money you have to hustle and you have to get an Import Export certificate from the government.

So, I was looking for a payment gateway that solved this problem. Just integrate and get money directly in your account without any problem.


I found gumroad is the best and easy way to collect people to support the "Buy Me Coffee" way.

## What Technology I'm using

I'm using **nextjs** for front-end and **nextjs API route** for gumroad API proxy to get your supporters message and display on the page.

I'm publishing this page on **https://vercel.com/** service for free and You can also setup your custom domain for free.

## How to Setup
You have know basic coding nothing more.

It's Pretty simple, you just need basic coding skills, a vercel account and a gumroad account!

### Step 1:
Fork the repo in your account. and now clone on your machine.

Fork The Repo and Setup on your local system.

`git clone https://github.com/<your_github_username>/gumroad-coffee-template.git`

`cd gumroad-coffee-template`

### Step 2:

Create a product in gumroad.
Create a New or link an existing product using gumroad, be creative name the product whatever you like maybe it's a ice chai latte or pizza. 

### Step 3:

Open file name `data.json` in your editor.

Here is the JSON file example:
Navigate to the \`\`\`data.json\`\`\` File and change the values to match your profile

```
{
"gumroadProductURL": "https://gum.co/rxqNq",
"gumroadProductURL": "https://gum.co/[your-product-url-ending]",
"name": "Mohd Danish",
"subtitle": "Indie Hacker",
"about": "I'm 26y old Front-end Engineer with Master Degree but I can do anything related with technology. 🚀 I can make MVP in days, 🧙‍♀️ Magic with NodeJS, 🤖 Automate the boring stuffs, 👨‍💻 Hack the third party APIs for any use case, and I always get a solution of the problem. I'm foodie & love to cook 🍳.",
Expand Down Expand Up @@ -75,27 +76,30 @@ Here is the JSON file example:
}
```

Change the values with yours.

### Step 4:
After editing the file push the code on your github account. So, you will have your own githu repository.

Affter editing, push the code stright to your github.

### Step 5:
Get your Gumroad `Access Token` from your gumroad account. Read here is the official documentation to generate access token https://gumroad.com/api

Genarate a New Gumroad Access Token, To do this go to [https://gumroad.com/api  ](https://gumroad.com/api) and register a new OUath Application following and using the docs. Copy the Access Token, You'll need soon :

### Step 6:
Go to https://vercel.com and click on `Import Project` and wait for to deploy.

Go to https://vercel.com and go to import project, select your repo and start deploying

### Step 7:
After successful deployed then add your `gumroad access token` vercel.com project settings into `Envirement Variables` Section.

After successful deployed, go to the `Envirement Variables` Section, name the env varible as GUMROAD\_ACCESS\_TOKEN, and add your Access Token To the Value.

### Step 8:
That's all.

You're done! Wasn't that easy?

## Thanks

if you love my work you can support me here with `Caffee latte - cold` - [https://coffee.mohddanish.me/](https://coffee.mohddanish.me/)

If you need help to setup this template for you. DM on Twitter - [@mdddanishyusuf](https://twitter.com/mddanishyusuf)

☕️☕️☕️

☕️☕️☕️☕

1 comment on commit 067253d

@vercel
Copy link

@vercel vercel bot commented on 067253d Jun 15, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.