Dev Starter Kit

Overview

The Dev-Starter-Kit is a project aimed at new web developers, created to save them time and simplify their learning process. The goal of the project is to provide a streamlined setup for development, allowing developers to focus on coding rather than spending hours searching for ways to improve their workflow. The starter kit is recommended for students taking courses by the author, and is intended to be the base for coding tutorials on the author’s YouTube channel.

Features

• Uses gulp version 4.0.1 for task automation.
• Provides simple steps for getting started with the project.
• Includes instructions for downloading or cloning the repository.
• Requires installation of Node.js.
• Optional installation of Atom editor.
• Provides commands to install all necessary node packages.
• Ensures gulp version 4.0 and webpack are installed.
• Offers commands to start the development server with or without a proxy.
• Provides commands to build production-ready files.
• Offers optimization for images.
• Supports development and production with a static site generator.
• Promises instructions to run the starter kit on any backend (coming soon).

Installation

To install the Dev-Starter-Kit, follow these steps:

1. Download or clone the repository.
2. Install Node.js from nodejs.org.
3. (Optional) Install Atom editor from atom.io.
4. In the root of the project, run the following command in your terminal:

   npm install
   

   (Alternatively, you can use yarn instead.)
5. Ensure you have gulp version 4.0 installed:

   gulp --version
   

6. Make sure webpack is installed:

   webpack --version
   

7. Start the development server:

   gulp serve
   

   (You can add a proxy if needed).
8. Build production-ready files:

   gulp build
   

9. Optimize your images:

   gulp images
   

10. For static site generator development:

    gulp generate
    

11. For static site generator production:

    gulp generate:prod
    

12. (Coming soon) Instructions to run the starter kit on any backend.

If you encounter an EACCESS ERROR, try the following fix:

npm install har-validator@latest --save-dev

Summary

The Dev-Starter-Kit is a project aimed at helping new web developers save time and focus on coding. It provides a simplified setup and workflow using gulp and webpack. With easy-to-follow steps for installation, developers can quickly get started with the project. The starter kit offers various features like the ability to optimize images, support for a static site generator, and more. Additionally, the author promises to provide instructions on running the starter kit on any backend in the future.