V5BOILERPLATE

Fiction Tribe Webpack

A creative agency landing page boilerplate (Webpack 5 / SASS / GSAP)

#Usage

# 1. Clone the boilerplate:

git clone https://github.com/fictiontribe/ft-webpack-boilerplate.git

# 2. Install dependencies:

npm install

# 3. Start a development server:

npm run start

# 4. Create a production build:

npm run build

# 5. Deploy build:

npm run deploy

A Landing Page Boilerplate Done Right

Features for professional landing page development

Placeholder icon

Professional Organization

Organize and structure your landing page development like a professional creative agency

Placeholder icon

Preferred Libraries

Preload project with time-tested libraries such as Syntactically Awesome Stylesheets (SASS) and Greensock Animation Platform (GSAP)

Placeholder icon

Production Ready

Development and production build processes

Placeholder icon

Smart Optimization

Never touch TinyJPG again—built-in optimization for your Javascript, stylesheets, and images

Placeholder icon

Helpful Reusables

Reusable mixins such as fluid typography and lineheight, and drop-in GSAP animations that will help take your page to the next level

Placeholder icon

Deploy smart

With Surge deploy your site can be shared near instanteously, stage for your colleagues and clients quickly

Placeholder icon

Componentized HTML

Separate your HTML from boilerplate such as meta tags and scripts for a cleaner development experience

Placeholder icon

One Config

Manage meta tags, your staging site, OG images, and more—all from one organized configuration file

Placeholder icon

Google Analytics 4 (GA4)

Simply insert G- and GTM- ids into your site config for fast injection of Google Analytics and Google Tag Manager

Technology

Sit back and relax—we've chosen time-tested and essential web technologies to help kickstart your next project.

Back to top