For every developer a portfolio is essential. That's the opportunity to display your projects and programming languages and libraries you’re passionate about using.
There are a sufficient amount of GatsbyJs Starter repositories and templates that is as simple as cloning and changing the content of them. In this way you can completely develop websites super quickly and efficient. The documentation is very friendly, and I would recommend you starting from there
Gatsby Starter Library.
Use the Gatsby CLI to create a new site, if you are using starters specify and install starter locally
gatsby new <project-name> <starter-url>
Navigate into your new site's directory and start it up.
Taking the default Gatsby starter as an example and looking through some of the most important files in the repository (repo) will give you a clearer picture of how the various parts of your Gatsby site work together.
This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.
Automatically generated. The output of the build process will be exposed inside this folder. Should be added to the .gitignore file if not added already.
This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. src is a convention for “source code”.
This file tells git which files it should not track / not maintain a version history for.
(See package.json below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. (You won’t change this file directly).
A manifest file for Node.js projects, which includes things like metadata (the project’s name, author, etc). This manifest is how npm knows which packages to install for your project.
A text file containing useful reference information about your project.
Once you have a React app up and running all you will have to do now is replace the "public" and "src" folders of your newly built app. Have in mind if you want for example to replace the images with your own YOU MUST KEEP THE SAME NAMES ON THE IMAGES. Your site is now running at http://localhost:8000, by default.
When you're all done, run
npm start again and you'll see your new personal resume website! Simple as that. Congratulations!
Many of us want to build a web portfolio showcasing our skills and work effectively. To keep it up to date I used gitconnected, a platform for developers and software engineers to connect, collaborate, and learn. That way i build and share personal projects by importing repositories from GitHub.
It's incredibly simple. You can generate Resume with just a few clicks and share anywhere on your portfolio website or it can be downloaded as a PDF.
There is no "pain" of deploying and rebuilding portfolio website to make changes as data is available through the API endpoint and dynamically updates the content.
As easy as those steps:
- Sign up with 1 click using GitHub OAuth
- Add your details in your profile
- View your resume geneator
- Access your API with your username
Thank you for reading!