⚡️ Modern UI Design + Reveal Animations
⚡️ One Page Layout built with React
⚡️ Styled with Bootstrap v4.3 + Custom SCSS
⚡️ Fully Responsive
⚡️ Configurable color scheme
⚡️ Image optimization with Gatsby
⚡️ Easy site customization
⚡️ Well organized documentation
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
You'll need Git and Node.js (which comes with NPM) installed on your computer.
Also you need to have installed Gatsby CLI
node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher
gatsby-cli@2.8.22 or higher
Also, you can use Yarn instead of NPM ☝️
yarn@v1.21.1 or higher
From your command line, first clone Simplefolio:
# Clone this repository
$ git clone https://github.com/cobidev/gatsby-simplefolio
# Go into the repository
$ cd gatsby-simplefolio
# Remove current origin repository
$ git remote remove originThen you can install the dependencies either using NPM or Yarn:
Using NPM:
# Install dependencies
$ npm install
# Start development server
$ npm run developUsing Yarn:
# Install dependencies
$ yarn
# Start development server
$ yarn developNOTE: If your run into issues installing the dependencies with NPM, use this command:
# Install dependencies with all permissions
$ sudo npm install --unsafe-perm=true --allow-rootOnce your server has started, go to this url http://localhost:8000/ and you will see the website running on a Development Server:
Once you have done with your setup. You need to put your website online!
I highly recommend to use Netlify to achieve this on the EASIEST WAY
- Gatsby - Static Site Generator
- GraphQL - Query language for APIs
- React - Front-End JavaScript library
- Bootstrap 4 - Front-End UI library
- Sass - CSS extension language
This project is licensed under the MIT License - see the LICENSE.md file for detail