Your own Dribbble portfolio completely free.

medium bookmark / Raindrop.io |

Getting started

1. Download the portfolio template
2. Open index.html in the template folder
3. Edit line 14 and replace with your Dribbble username

var dribbbleUsername = 'USERNAME';

(Optional) Edit line 16 to change the number of shots displayed

var shotsOnPage = '50';

That’s it!

Setting up hosting

1. Download and install Node.js
2. Install Surge globally:

npm install --global surge

Navigate to your downloaded template directory & run surge:

cd /path/to/your/template

surge

Follow the instructions and you’ll be good to go!

Make it your own

I’ve designed the default template to be elegant and minimal so the work becomes the focal point of your portfolio.

If you feel the need to add your own flare, just jump right into the style.css file and go to town!

Custom domain (optional)

To setup your custom domain, follow the instructions here on how to activate through Surge.

Enjoy!

I built this side project in one afternoon on a Saturday, so if you notice any glaring issues I may have overlooked hit me up on Twitter and I’ll see what I can do. 😉