We're planting a tree for every job application! Click here toΒ learn more

Portfolio Open source

richard hong

13 Jun 2022

β€’

1 min read

Portfolio Open source
  • Node.js

πŸ™‹ everyone. I am really excited 😍 to announce my portfolio open source project. You can check my live website: https://richard-profile.herokuapp.com git repo: https://github.com/wwwhickup/portfolio-v3

You guys can start your personal professional profile website immediately through a couple of settings. Give me your questions if you guys have any.

Enjoy your day✌️

🚨 Forking this repo (please read!)

Many people have contacted me asking me if they can use this code for their own portfolio, and the answer to that question is usually yes, with attribution.

I value keeping this repo as open source, but as you all know, plagiarism is bad. It's always disheartening whenever I find that someone has copied my site without giving me credit. I spent a non-trivial amount of effort building and designing this iteration of my website, and I am proud of it! All I ask of you all is to not claim this effort as your own.

Please also note that I did not build this site with the intention of it being a starter theme, so if you have questions about implementation, please refer to the Gatsby docs.

As a backend, I used Strapi Headless CMS. By adding strapi record, you can generate your portfolio website. If you want to build your portfolio easily or have any other questions then create the issue

Also you can use hardcorded static seed eitherπŸ˜‰

πŸ›  Installation & Set Up

  1. Prepare ENV

     DISCRIPTION=Lorem .....
     GATSBY_STRAPI_URL=https://hickup-portfolio-strapi.herokuapp.com
     NAME=FirstName LastName
     SHORT_NAME=FL
     SITEURL=https://example.com
     TELEGRAM_USERNAME=<telegram username or link>
     TITLE=<project title will show as a page header>
     GATSBY_STRAPI_PORTFOLIO_ID=<Your profile strapi portfolio collection id>
    
  2. Install the Gatsby CLI

    npm install -g gatsby-cli
    
  3. Install and use the correct version of Node using NVM

    nvm install
    
  4. Install dependencies

    yarn
    
  5. Start the development server

    npm start
    

πŸš€ Building and Running for Production

  1. Generate a full static production build

    npm run build
    
  2. Preview the site as it will appear once deployed

    npm run serve
    
Did you like this article?

richard hong

See other articles by richard

Related jobs

See all

Title

The company

title

Remote

Title

The company

title

Remote

Title

The company

title

Remote

Title

The company

title

Remote

Related articles

JavaScript Functional Style Made Simple

JavaScript Functional Style Made Simple

Daniel Boros

β€’

12 Sep 2021

JavaScript Functional Style Made Simple

JavaScript Functional Style Made Simple

Daniel Boros

β€’

12 Sep 2021

WorksHub

CareersCompaniesSitemapFunctional WorksBlockchain WorksJavaScript WorksAI WorksGolang WorksJava WorksPython WorksRemote Works
email iconhello@works-hub.comUK flag

Ground Floor, Verse Building, 18 Brunswick Place, London, N1 6DZ

US flag

108 E 16th Street, New York, NY 10003

Subscribe to our newsletter

Join over 111,000 others and get access to exclusive content, job opportunities and more!

Β© 2022 WorksHub

Privacy PolicyDeveloped by WorksHub