Git Product home page Git Product logo

heroku-python-react's Introduction

heroku-python-react

Isomorphic React, served by Python, running on Heroku.

Uses the excellent python-react library by @markfinger and heroku-buildpack-runit buildpack by @dpiddy.

See a live demo of this code at https://heroku-python-react.herokuapp.com.

Installation

First install local Python and Node dependencies:

mkvirtualenv heroku-python-react
pip install -r requirements.txt
npm install

Deploying to Heroku

First create your new app using the heroku command-line tool.

heroku create

This creates a new Heroku app named something like your-app-12345.

Then set up the three buildpacks needed to deploy the app:

heroku buildpacks:add https://github.com/dpiddy/heroku-buildpack-runit.git
heroku buildpacks:add heroku/python
heroku buildpacks:add heroku/nodejs

Finally, deploy:

git push heroku master

Open your browser to your new app at, e.g., https://your-app-12345.herokuapp.com

Running locally

First start a local webpack server to compile server-side assets:

npm run dev

Then, in another tab, start a local Heroku process:

heroku local -f Procfile.web

Open your browser to http://localhost:5000 to see the running app.

heroku-python-react's People

Contributors

chosak avatar

Stargazers

Konstantinos Bazakos avatar  avatar Aditya Joshi avatar Morisa Manzella avatar David Archuleta Jr. avatar Shams Nahid avatar masanobbb avatar  avatar Haolin Hong avatar  avatar Sviatoslav Sydorenko (Святослав Сидоренко) avatar Brendan Sudol avatar Cem Gencer avatar

Watchers

 avatar James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.