Skip to content

Boilerplate for rapid prototyping target with the best frontend technologies

Notifications You must be signed in to change notification settings

ClemDelp/react-redux-meteor-boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Meteor react-redux ready to use

For rapid prototyping with a complete react-redux environment

alt tag

WHAT INSIDE

Tech:

  • backend: Meteor + Express
  • frontend: React + Redux
  • templating: Material-ui + Flexibox

HOW TO USE IT

Get the boilerplate

Depending on how you want to use the boilerplate:

  • fork
  • or git clone
  • or Download ZIP

Dependency

This boilerplate need meteor installed on your device: Install meteor

Install

cd project-folder

If you don't want install the demo files please remove the "demo" folder before:

rm -rf demo

Then/or

sh install.sh

Then remove .meteor from gitignore

Launch the server

By default install.sh will lunch the server, in other case simply type:

meteor

Then in browser:

http://localhost:3000

DEPLOY ON HEROKU

To deploy your app on heroku:

  • first you need an heroku account
  • you need heroku CLI install on your device
  • heroku will ask you to enter a credit card to install mongolab addon (don't worry it's free plan so they wont charge you) git push heroku master
  • remove .meteor from gitignore
  • if you don't have a .git:
git init
git add .
git commit -m 'first commit'
  • only after:
sh heroku_init.sh

git push heroku master

DEMO

Sub folder here

  • rest-api demo with express
  • web socket with streamy
  • pure react component
  • sagas interaction
  • database interaction
  • ...

Reminder, to remove all the demo files:

cd project-folder
rm -rf demo

Then restart the server

Launch the database

Meteor use Mongo as DB Open a new terminal with your server running In this boilerplate by default a 'log' collection is created

meteor mongo
db.log.find()

With Robomongo create a new connection

alt tag

then

alt tag

Special directories

ref: https://guide.meteor.com/structure.html

imports

Any directory named imports/ is not loaded anywhere and files must be imported using import (import '../import/your_file.name')

public

All files inside a top-level directory called public/ are served as-is to the client. When referencing these assets, do not include public/ in the URL, write the URL as if they were all in the top level. For example, reference public/bg.png as . This is the best place for favicon.ico, robots.txt, and similar files.

THEN

(••)...( ••)>⌐■-■...(⌐■_■) be cool...

About

Boilerplate for rapid prototyping target with the best frontend technologies

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published