Apostrophe Tutorials | Adding Assets

In an Apostrophe project, you have multiple options for where to add assets. It is all dependent on how you feel most comfortable organizing your codebase.

Apostrophe automatically provides a webpack-powered process for bundling project frontend JavaScript and stylesheets. You can elect to use SCSS or CSS in your styling and Apostrophe will compile and bundle it for delivery to the front end. The webpack configuration can be altered to include additional file types, additional processing steps, or aid in codebase organization. You can also elect to use your own build process or opt resources out of the built-in build process.

In this tutorial, we are going to cover where assets can be added to your project. We will also look at how we can exempt files from being processed by webpack, plus how to extend webpack. Finally, we will touch on the topic of adding static assets, like logo images, where they can be accessed using relative URLs.

This tutorial, plus many more, is available in text format on our Documentation site here:

Follow Apostrophe

Timestamps
0:00 - Introduction
1:08 - Getting Started
1:29 - Asset Folder
7:51 - Adding Static Assets
13:10 - Summary

[emmanueloluwasogo]

do you need bootstrap if youre using normal css?