Set Up Project
├── build/ # Build files
├── dist/ # Distribution files
├── src/ # Source files
│ ├── assets/ # Assets directory
│ ├── css/ # CSS files
│ ├── fonts/ # Fonts directory
│ ├── img/ # Image directory
│ ├── js/ # JavaScript files
│ ├── etc/ # Extra files
│ ├── includes/ # HTML template partials
│ ├── index.html # Index page
└── .babelrc # Babel configuration
└── .gitignore # Git ignored files
└── .editorconfig # Editor code styles
└── .stylelintrc # Stylelint configuration
└── gulpfile.js # Gulp configuration
└── LICENSE # License agreements
└── package-lock.json # Packages lock file
└── package.json # Node.js packages
└── README.md # You are reading this
└── server.js # Express server (in case you need it)File structure
Install GoPablo from NPM
To install GoPablo create a directory for the new website and from there run the command to generate the file structure:
npx gopabloThat’s it 🍾 easy as that. Now start the development workflow:
Install GoPablo from Repository
To install GoPablo you need to clone the repository from GitHub:
git clone https://github.com/luangjokaj/gopabloThis will clone the repository on your local machine. Navigate to the newly created directory.
Replace the file: ./package.json with ./installer/package.json and continue with the dependency installation.
Install dependencies
npm installStart workflow
To start the development server run the command:
npm run devYou are ready to go! Happy coding! 🤓
Generate production files
To generate your distribution files run the command:
npm run prodThe files will be generated in the dist/ directory.
