Matestack Ui Core
AboutMatestack Ui CoreMatestack Ui VueJsMatestack Ui Bootstrap
1.5
1.5
  • Welcome
  • Getting started
    • Installation & Update
    • Concepts & Rails Integration
    • Quick Start
    • Support & Feedback [WIP]
    • Common Issues [WIP]
  • UI Components
    • Component Overview
    • Rails Integration
    • Component Registry
    • General Component API
    • Haml Components
    • Reusing Views or Partials
    • Testing [WIP]
  • Reactivity
    • Reactivity Overview
    • Rails Integration
    • Actions
    • Forms
    • Async
    • Cable
    • Isolated
    • Collection
    • Custom Vue.js Components
    • Vue.js Event Hub
    • Vuex [WIP]
  • SPA-like Apps
    • SPA Overview
    • Rails Integration
    • App API
    • Page API
    • Transitions
    • Authorization
    • Tutorial
      • Creating a SPA-like App with Matestack
      • Essential Guide 1: Setup
      • Essential Guide 2: ActiveRecord & Database
      • Essential Guide 3: Person Index, Show, Transition
      • Essential Guide 4: Forms & Actions (Create, Update, Delete)
      • Essential Guide 5: Toggle Component
      • Essential Guide 6: Async Component
      • Essential Guide 7: Partials and custom components
      • Essential Guide 8: Collection and async component
      • Essential Guide 9: Custom Vue.js components
      • Essential Guide 10: Styling and Notifications
      • Essential Guide 11: Authentication
      • Essential Guide 12: Heroku Deployment with Postgres
      • Essential Guide 13: Wrap Up & Outlook
  • Components API
    • Core Components
      • Abbr
      • Address
      • Area
      • Article
      • Aside
      • B
      • Bdi
      • Bdo
      • Blockquote
      • Button
      • Br
      • Caption
      • Cite
      • Code
      • Data
      • Datalist
      • Dd
      • Del
      • Details
      • Dfn
      • Dialog
      • Div
      • Dl
      • Dt
      • Em
      • Fieldset
      • Figure
      • Footer
      • Hr
      • Icon
      • Iframe
      • Img
      • Ins
      • Input
      • Header
      • Heading
      • Kbd
      • Label
      • Legend
      • Link
      • Lists
      • Main
      • Mark
      • Map
      • Meter
      • Nav
      • Noscript
      • Object
      • Option
      • Optgroup
      • Output
      • Paragraph
      • Param
      • Picture
      • Pg
      • Plain
      • Pre
      • Progress
      • S
      • Samp
      • Section
      • Select
      • Small
      • Span
      • Sup
      • Sub
      • Strong
      • Table
      • Template
      • Textarea
      • U
      • Unescaped
      • Q
      • Rails View
      • Rp
      • Rt
      • Ruby
      • Var
      • Video
      • Wbr
      • Youtube
    • Reactive Core Components
      • Action
      • Async
      • Cable
      • Collection
      • Form
      • Form Input
      • Form Checkbox
      • Form Radio
      • Form Select
      • Form Submit
      • Form Textarea
      • Onclick
      • Transition
      • Toggle
  • Integrations
    • Action Cable
    • Devise
    • CSS Frameworks [WIP]
    • Third Party JavaScript [WIP]
    • Third Party Ruby Gems [WIP]
  • Matestack Addons
    • Create your own Addon [WIP]
  • Community
    • Discord
    • Contribute
  • About
    • Core Team [WIP]
    • Sponsoring [WIP]
    • Legal Details [WIP]
Powered by GitBook
On this page
  • Quick recap
  • Be proud
  • Customize your application
  • Further reading
  • Showcase
  • Become part of the community

Was this helpful?

Edit on GitHub
  1. SPA-like Apps
  2. Tutorial

Essential Guide 13: Wrap Up & Outlook

PreviousEssential Guide 12: Heroku Deployment with PostgresNextCore Components

Last updated 3 years ago

Was this helpful?

Demo: Github Repo:

Welcome to the thirteenth part of our tutorial about building a web application with matestack.

Quick recap

What have we got so far? After following the previous guides, there's now a RubyOnRails application running on Heroku with a public and admin area allowing for basic CRUD operations.

We have achieved this by setting up two matestack apps each with some matestack pages and by orchestrating matestacks components and Vue.js components.

One of the matestack apps is only available after an admin has logged in and protected by the Devise gem. The application pleases the eye and offers a great user experience since we have set up and customized Bootstrap. Assets are being served by Webpacker.

What now?

Be proud

Pat yourself on the shoulder - you've made it until here, and it was quite a journey! Make sure to push your code to a GitLab or GitHub repository so it will survive a possible change of gear.

Customize your application

In this guide, we have followed a quite strict and pre-defined route. Now is the time for you to take over and change it according to your ideas!

Further reading

Since you are now familiar with the basics behind the matestack-ui-core library, there is a good chance you want to digg deeper on specific topics. Check out our ever-evolving list of guides and read on as you want.

Showcase

Become part of the community

We recommend to read our guide to get a deeper understanding how matestack works. It will repeat some of the things you learned but also extend your knowledge about matestack.

You're super proud of what you've built using matestack libraries? and become part of our showcase.

You're very invited to contribute by tackling .

Matestack Demo
Matestack Demo Application
basic building blocks
Let us know
GitHub issues