Run the Ruby on Rails sample app
Learn how to run a basic Kontent.ai-powered Ruby on Rails sample app and see your project's content in your browser. The sample app will show content from a sample project and you'll also get to change a thing or two in the project.
New to modular content platforms?
If you are new to the world of modular content platforms or headless CMSs, you might want to start by building a Hello world application.
After you grasp the core idea behind these platforms, everything in the sample application will make a lot more sense much faster.
Table of contents
Sample project for the app
The sample app displays data from the Sample Project that demonstrates our best practices and features of Kontent.ai. If you don't have it yet, create your own sample project, it only takes a minute.
This full-featured project contains marketing content for Dancing Goat – an imaginary chain of coffee shops. Once you run the sample app, you'll see content from the Sample Project displayed in your browser.
Running the Ruby on Rails sample app
Before going any further, make sure you have the following:
- A Kontent.ai account
- Ruby 3.1 installed (check how to setup Ruby development environment on Windows)
- Your favorite code editor, for example, Visual Studio Code
1. Download the app
The source code of the sample application lives in a community Github repository.
If you are used to working with Git, you can clone the repository to your computer by typing the following to your console:
- shellgit clone https://github.com/kontent-ai/sample-app-ruby.git
git clone https://github.com/kontent-ai/sample-app-ruby.git
If you don't have Git installed, you can directly download the sample application as a ZIP file, extract it, and continue from there.
2. Connect your Kontent.ai project
Connect the app to your own Sample Project so that you can freely make changes and play with it.
- In the sample app folder, open the
/app/controllers/application_controller.rbfile in your code editor.
- On line 3, change
<your-project-id>to your actual Sample Project ID.
- You can find your project ID in Project settings > API keys > Project ID card.
- Save the file.
3. Run the app
- In your command line, open the cloned repository.
bundle installto install the necessary gem packages.
- Run rails server to start the app.
localhost:3000 in your browser to see the running sample app.
Now, let's explore the Sample Project and update its content so that you can see the changes reflected in your locally running application.
Making changes to your project
After you sign in to Kontent.ai, you'll see your Sample Project to play around with. We recommend you get familiar with content items and how to find your content in your project. It's simple yet powerful.
Try to edit an article from the sample project:
- From the app menu, choose Content & assets.
- Open a published article, for example, the Coffee processing techniques one.
- Look for items with a green Published label and the word Article in the Type column.
- Create a new version to edit the article.
- Make a change in the article, for example, edit the Title text or some other element.
- Publish the changes to see them in the sample app.
Voila! You have successfully updated content in your Sample Project. Refresh the browser window with your application to see the changes on the website.
Feel free to further explore how the content in your sample project is structured.
Exploring content structure
To see details about the opened content item, go back to Kontent.ai and click Content details in the top right. Under Content type, notice that the item is based on the Article content type.
To open the content type for editing, click Article in the content details.
How content is structured in Kontent.ai
Each content item is based on a single content type. A content type is a template that defines the structure of the content item – which elements it contains, their names, limitations, guidelines, and so on.
Mix and match the available elements to define your own content types.
Kontent.ai makes no assumptions about how your content is displayed. It simply delivers your content via a RESTful Delivery API to any application that asks for it – be it a website, mobile app, chatbot, electronic billboard, virtual voice assistant, or an internet-enabled toaster.
We deliver the content, you do whatever you want with it – using the technology of your choice.
A traditional CMS would force you to put your content into neatly arranged boxes to fit inside a pre-defined template. The power of Kontent.ai comes from not getting in your way. Content structure and content presentation are truly separated and you have the flexibility to define both according to the needs of your project.