Landing Page Builder

Landing Page Builder app built with Meteor. Architecture based on Meteor-Landing.

Demo here: lpb.meteor.com.

• Roadmap
  • Features
• How to use
  • Requirements
  • Installation
  • Deployments
  • SEO and other concerns
  • Adding allow rules for external URLs
• Structure
  • Packages used
  • Folder structure
• License

Roadmap

Features

• Markdown editor for home and posts views
• Edit header and footer content
• Admin login

How to use

Requirements

Make sure Meteor is installed and up to date or run:

curl https://install.meteor.com/ | sh

Installation

git clone git@github.com:amazingBastard/landing-page-builder.git
cd landing-page-builder
meteor

Deployments

It is highly recommended to use Meteor Up for easy deployments. Have a look at the repository for more information.

SEO and other concerns

Meteor cannot do SEO

This statement is only partially true, since there is a package called ms-seo, which has a lot of neat little tricks to help web crawlers notice your app the way you want them to. Use constants under client/lib/constants.js for the app. Change SEO settings inside the routes like that.

Router.route('/about', function () {
  this.render('about');
  // Using the app constants
  SEO.set({ title: 'About -' + Meteor.App.NAME, og: {...} });
});

Adding allow rules for external URLs

The browser-policy adds rules to deny all operations from external URLs. This helps dealing with clickjacking and other XSS methods used to attack the client. To whitelist a url, add following to server/config/security.js

BrowserPolicy.content.allowOriginForAll(YOUR_URL);

Structure

Packages used

• Meteor Core
  • meteor-platform
  • http
• Routing
  • iron:router
  • zimme:iron-router-active
• Accounts
  • accounts-password
  • useraccounts:semantic-ui
• Collections
  • aldeed:collection2
  • aldeed:simple-schema
  • aldeed:autoform
  • lfergon:exportcsv
• UI and UX
  • fastclick
  • natestrauser:animate-css
  • semantic:ui-css
  • markdown
  • tdj:elasticjs
• Security
  • browser-policy
• SEO
  • manuelschoebel:ms-seo
• Development
  • less
  • momentjs:moment
  • msavin:mongol

The "insecure" and "autopublish" packages are removed by default (they make your app vulnerable).

Folder structure

client/ 				# Client folder
    compatibility/      # Libraries which create a global variable
    config/             # Configuration files (on the client)
	lib/                # Library files that get executed first
    startup/            # Javascript files on Meteor.startup()
    stylesheets         # LESS files
    modules/            # Meant for components, such as form and more
	views/			    # Contains all views
	    common/         # General purpose html templates
model/  				# Model files, for each Meteor.Collection
private/                # Private files
public/                 # Public files
routes/                 # All routes
server/					# Server folder
    fixtures/           # Meteor.Collection fixtures defined
    lib/                # Server side library folder
    publications/       # Collection publications
    startup/            # On server startup

License

This project has an MIT License, see the LICENSE.txt for more information.