Gulp / Webpack starter kits

Tried to send you an email to submit a starter kit to your Market. However, it looks like the email address doesn’t exist yet.

Also, here’s my starter kits if you want to consider it:


2 Likes

Awesome work!

We’re fixing the mail. For the submission we will also need an SVG Icon, a short and long description text! I guess a Gulp icon might do the trick?

Here’s an icon I threw together :smile:

Short description:

Start your project off right with Gulp!

Long description:

Modern web applications are often based around build tools. This starter kit lets you use Gulp as a task runner, and integrates it with the Gradle build and watch-flow.

Gulp is a great tool for transforming, concatenating, minifying and optimizing your static assets, as well as automating your front end work flow.

The starter kit is unopinionated, and lets you decide what technologies you want to use to create your next web application.

In addition to this, this starter kit bootstraps the suggested project folder structure, and creates some NPM scripts for triggering different tasks.

1 Like

Wrote a starter kit for Webpack as well:

Icon:

Short description:

Use the power of Webpack to build your project!

Long description:

When creating modern web applications, you want the best tools to help you build them. Webpack is one of the most versatile, powerful and popular module bundlers out there today, and with this starter kit, you can start creating value from the get-go!

Webpack is a module bundler that lets you combine all your static assets into a single file. That means you can include your SCSS in your Javascript and have it all combined into a single file. Or - or course - you could keep them separate for portability reasons.

The starter kit is unopinionated, and lets you decide what technologies you want to use in your next web application. The only thing we’ve set up for you is Babel - a popular JavaScript compiler - so that you can use all those cool new features from ES2015.

In addition to webpack, this starter kit bootstraps the suggested project folder structure, and creates some NPM scripts for triggering different tasks.

1 Like

Nice. Small grammar check in the first line of the Gulp starter: “Modern web applications are …”
Use “are” instead of “is”.

1 Like

Thanks @mla :slight_smile: done and done!

I’ll soon add a starter for using ES2015 and React with only gradle.

3 Likes

Thank you, we will review this and add it to Enonic Market as soon as possible :slight_smile:

1 Like

Great work, @selbekk! Looking forward to trying it out!
May I ask what tools you used for creating the SVG? I need to create several for my form builder-app, but I am very inexperienced with icon-creation…

@mla: I’ll wait excitedly for the React starter kit. I was thinking of doing one myself, but if you are planning one I’ll wait for that. :smile:

Thanks @it_vegard :smile:

I just used Photoshop this time, but next time I’ll just code it from scratch.

Regarding SVGs, I use https://www.sketchapp.com/ for all vector graphics that I create for Enonic. It is cheap and very easy to understand.

Congratulations, mr @selbekk, your first two starters are now available on Enonic Market. These are actually the first two Market projects not authored by Enonic, so congratulations on that as well. :smile:

https://market.enonic.com/vendors/selbekk/io.selbekk.starter.gulp
https://market.enonic.com/vendors/selbekk/io.selbekk.starter.webpack

(Contact me if something turned out wrong)

4 Likes

Wohoo, thanks a ton! Let’s hope they’ll help a few people out with starting with Enonic!

1 Like

Great job there! Will check them out soon.

2 Likes

Babel starter kit for ES6 and React is done but not on the Market yet. https://github.com/enonic/starter-babel

3 Likes