Скачать или смотреть Getting Started with Solidus using the new Starter Frontend

In this screencast, we're going to learn how to install the Solidus Starter Frontend application template on a new Solidus app.

To review, Solidus is a free and open-source eCommerce platform built on Ruby on Rails.

Solidus Starter Frontend is the new and updated starter frontend for Solidus. It's meant to replace the SolidusFrontend gem that's currently part of the Solidus gem.

To install Solidus Starter Frontend, we'll first need to create a new Rails app:

rails new store --skip-javascript

Next, we'll add Solidus to the app. Typically, this means just adding solidus to the bundle, like this:

bundle add solidus

As an alternative, we can install solidus by installing its individual components:

bundle add solidus_core solidus_backend solidus_api solidus_sample solidus_frontend

However, we don't want to install the old solidus_frontend gem, since that will conflict with the new Solidus Starter Frontend. So we'll exclude it from the gems:

bundle add solidus_core solidus_backend solidus_api solidus_sample

Now we can install Solidus:

bin/rails generate solidus:install --auto-accept

If we we run the server, you'll only see the default Rails homepage. The Solidus app doesn't have a frontend yet.

bin/rails server

Before we install the Solidus Starter Frontend, let's commit these changes so that we can see what new changes will be added by the application template:

git add -A
git commit -m 'Initial commit'

Now, let's install the Solidus Starter Frontend. All we need is to apply the Rails template to our Solidus app:

LOCATION="https://raw.githubusercontent.com/sol..." bin/rails app:template

So here's the new frontend:

bin/rails server

Let's see what changes have been added to the app:

git add -A
git meld HEAD

You can see under assets, we have our JavaScript code and our stylesheets. Most of our stylesheets can be found under our components directory.

Under components, you can find our view components. View components are Ruby objects used to build markup. We're using the ViewComponent gem from GitHub for these Ruby objects.

Under controllers, you can see the checkout controller, products controller, and authentication controllers.

We can also customize the mailers that come with the frontend.

Under views, you can view the templates from checkout, product pages, and for your authentication and registration.

Under config, you can customize your frontend routes.

Finally, under specs, you can find the unit and acceptance tests for the frontend.

So that's it. If you have any questions, you can check the Solidus Slack channel and the SolidusStarterFrontend GitHub repo here: https://github.com/solidusio/solidus_....

Thanks!