Git Product home page Git Product logo

active_storage_with_previews_example's Introduction

Active Storage Example App

An app that uses Active Storage file uploads and Previews. For more information view the devcenter documentation on Active Storage.

Deploy

Note: This app uses a paid add-on for S3 storage.

Running Locally

Make sure you have Ruby installed. Also, install the Heroku CLI (formerly known as the Heroku Toolbelt).

$ git clone https://github.com/heroku/active_storage_with_previews_example
$ cd active_storage_with_previews_example
$ bundle install
$ bin/rails db:create db:migrate
$ heroku local

Your app should now be running on localhost:5000.

Deploying to Heroku

$ heroku create
$ git push heroku master
$ heroku run rake db:migrate
$ heroku open

or

Deploy to Heroku

Documentation

For more information about using Ruby on Heroku, see these Dev Center articles:

active_storage_with_previews_example's People

Contributors

calebhearth avatar dependabot[bot] avatar ericwhitlock avatar fivetanley avatar friism avatar jonmountjoy avatar kwlockwo avatar nicolasleger avatar ntassone avatar o-i avatar pmq20 avatar schneems avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

active_storage_with_previews_example's Issues

Direct uploads and integration via webpacker are not addressed.

I have been deploying to Heroku for over 5 years and when Active Storage came along I was beyond excited, namely for the direct_upload to option. It would be really great if this example was more complete.

  • Active Storage JS and CSS for direct upload is not included

  • Webpacker integration would be even nicer showing proper integration of Active Storage via Yarn plus JS and CSS assets through Webpacker setup up to properly deploy to a CDN like Amazon CloudFront

I have fumbled my way around getting these items properly up and running for my app on Heroku and solved most issues expect for properly compiling Webpacker assets when deploying with assets from both Webpacker and the Asset pipeline.
A full sample app that addresses these concerns would be a real benefit.

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.