ninjaPixel / smooth-landing

Boilerplate for a very fast landing page.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Smooth Landing 🛬

What is this repository for?

If you're an indie hacker launching a new product then you need a no-nonsense landing page. This repository provides the blocks and structure for you to create your own landing page. It follows Julian Shapiro's guide to growth marketing. Just swap out the text and images for your own.

-- VIEW THE DEMO HERE --

In addition to following these best practices, the page is designed to load very fast and it scores a performance rating of 97/100 with Google Lighthouse. Google Lighthouse results

How do I get set up?

1 - Install dependencies:

npm install

2 - Build and serve the page:

gulp serve

Browse to http://localhost:3000/ to see the landing page.

N.B. this command will also watch for file changes and automatically refresh your browser with the latest code.

How do I make changes?

Smooth Landing 🛬 uses Pug (formerly 'Jade') and SASS to improve the developer experience. If you're unfamiliar with these languages, you can learn more here:

To change the landing page, just edit src/index.pug. Images are kept in dist/img and the index.html page is built to the dist directory. To host a landing page, copy the dist directory to your web server.

Contribution guidelines

Pull requests welcomed.

About

Boilerplate for a very fast landing page.


Languages

Language:HTML 45.8%Language:CSS 41.7%Language:JavaScript 12.5%