Planter

screenshot of Planter
scss

A web project starter for folks who hate setting up projects

Overview

Planter is a compelling tool for developers who aim to create static websites without the complexity of a heavy framework. It allows you to dive straight into project development, leveraging modern technologies like Sass for styling, Handlebars for HTML rendering, and Babel for JavaScript transpilation. With minimal setup, Planter uses Gulp to streamline the workflow, making it easy to watch and build files from a simple directory structure. This makes it perfect for anyone looking to rapidly prototype or develop simple web applications.

One of the best aspects of Planter is that it maintains developer efficiency without sacrificing capabilities. You can customize your build processes and configurations seamlessly, enabling a more tailored development experience. Whether you're a seasoned developer or just starting, Planter caters to a variety of needs while keeping things straightforward.

Features

  • Easy Setup: Quickly get started by simply downloading or cloning the project and running a single npm command to install dependencies.

  • Gulp Integration: Utilize Gulp for efficient file watching and building, enabling a smooth development workflow with commands tailored to specific tasks.

  • Custom Configuration: Adjust settings easily through the planter-config.js file, allowing for changes in entry and output file names without manual updates to Gulp tasks.

  • JavaScript Bundling: Leverage Babel and Browserify to transpile and bundle JavaScript, optimizing your code for browser compatibility and performance.

  • Static File Handling: Efficiently copy static assets to the build directory with straightforward commands, ensuring everything you need is in one place.

  • Minimalist Approach: Focus on what matters with minimal boilerplate code and frameworks, allowing for cleaner and more manageable projects.

  • Development Server: Use Browsersync for live reloading during development, making it easy to see changes in real-time as you work on your project.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.