Homepage
  1. Assets
  2. JavaScript

JavaScript

You can use any JS approach you want. The stater template includes Alpine.js by default.

Alpine is imported via CDN:

// components/layouts/Base.stencil
<html>
	<head>
		<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
	</head>

	...
</html>

Plain JavaScript

If you want to write plain JS, you can add a .js file in the assets directory.

// assets/script.js

console.log('Hello')

// components/layouts/Base.stencil
<html>
	<head>
		<script src="/script.js"></script>
	</head>
	<body>
		<slot />
	</body>
</html>

Other JS solutions

The easiest way to include other JS solutions is via CDN.

If you choose to build the JS locally, you can set the output directory as the target for the generated file.

JS processing will be added to Paperstack. If you are unsure how to implement your CSS stack you can reach out or create a new issue.

CSS