Learning Resources>Guides/Tuts/Tips/Info

Livebook SmartCell Starter Template

/livebook
acalejos

acalejos

Livebook SmartCell Starter Template

I’ve been working a lot with Livebook as of late and especially with Kino. I found myself making a lot of Kinos with similar boilerplate, so I decided to make it into a template so anyone can use to get started. This is the same stack I’m currently using for my Postman-esque SmartCell (Merquery), and I’ve been quite happy with it.

It uses the following stack:

  • Vite as the build system
    • You can elect to use any front-end framework you desire by adding its requisite Vite Plugin.
  • TailwindCSS for CSS / Styling
    • Uses the color palette provided by the official Livebook team from the kino_bundler package

It also includes some comments and suggestions for building out your SmartCell behaviour for those who are new to it.

Enjoy!

View thread on forum
/livebook
5 290 0

Where Next?

View thread on forum
livebook
Home Learning Resources>Guides/Tuts/Tips/Info
/livebook
5 291 0
Last post

Popular in Guides/Tuts Top

Neurofunk
Learning Resources>Guides/Tuts/Tips/Info

[Erlang VM and Haskell Interoperability
Hi folks! I wrote an article about BEAM and Haskell Interoperabilty. I'm describing the use of the erlang-ffi project, that impersonates ...
6 1241 0
New
hlx
Learning Resources>Guides/Tuts/Tips/Info

Roll your own Email & Password Authentication with Guardian, Comeonin & Phoenix
Typed my very first blog post ever, hope it will help some people https://henricus.xyz/roll-your-own-email-password-authentication-with...
/phoenix#authentication#blog-posts
12 2289 2
New
drapermd
Learning Resources>Guides/Tuts/Tips/Info

Upsert map in jsonb map array
So here is the code I came up with to generically generate an array param that will be stored on a jsonb property in ecto. It only handl...
#ecto#learning-elixir
13 1599 6
New
eclark
Learning Resources>Guides/Tuts/Tips/Info

Tailwind CSS and Webpack 5 HOWTO
I’ve been working on a phoenix project lately and I wanted to use the latest versions of everything. Webpack 5 had some breaking changes ...
/phoenix#javascript#webpack
21 1914 2
New
OvermindDL1
Learning Resources>Guides/Tuts/Tips/Info

OTP Cheatsheet
Ran across this recently, it's a set of cheatsheet inforgraphic things of the OTP behaviours on the BEAM:
11 1783 8
New
berts-4865
Learning Resources>Guides/Tuts/Tips/Info

DigitalOcean Spaces - Browser Upload with Presigned URL - CORS
Here is a quick guide to uploading a file from the browser to DO spaces. It is crude, but will hopefully save sometime time and frustrat...
/phoenix#ex_aws_s3#digital-ocean#digitalocean#aws-s3
1 1775 0
New
jswny
Learning Resources>Guides/Tuts/Tips/Info

Flexible Dockerized Phoenix Deployments (1.2 & 1.3)
Hello everyone, I recently redesigned my entire deployment process for Phoenix apps based on Docker. I really like the strategy that I ca...
/phoenix#docker#deployment
56 11494 74
New
fmcgeough
Learning Resources>Guides/Tuts/Tips/Info

Want to pipe into a Case statement? You can!
pipe into case? I use that fairly frequently…unless I’m misunderstanding what you’re wanting…could be… its still very early… str = "Hell...
#split-thread
68 14922 18
New
f0rest8
Learning Resources>Guides/Tuts/Tips/Info

New Ecto "How-To" Guide: Self-referencing many to many
Hi everyone, Just wanted to say that the new Self-referencing many to many guide is now up on the official Hex docs (at least I just not...
#ecto#many-to-many-association
19 1807 4
New
marcin
Learning Resources>Guides/Tuts/Tips/Info

Debugging a remote node - how was it and what have I learned
This post is intended to be a guide for others, I was running a remote debugger for the first time and appreciate feedback on how I could...
#distribution#mix-release#debugger
17 2237 2
New

Other popular topics Top

chrismccord
News>Phoenix News

Phoenix 1.4.0 released!
Phoenix 1.4.0 released Phoenix 1.4 is out! This release ships with exciting new features, most notably with HTTP2 support, improved deve...
/phoenix#phoenix-release
688 30048 115
New
dotdotdotPaul
Questions & Help>Questions

Ecto: Validating belongs_to association is not nil?
Okay, I'm having a heck of a time trying to figure out how to best handle the validation of belongs_to associations in Ecto. I'm sure I'...
#ecto
29 17806 25
New
grych
Your Libraries & Projects>Libraries

Drab: remote controlled frontend framework for Phoenix
Hi folks, Few months ago I have announced the proof-of-concept of the library to manipulate the browsers DOM objects directly from Elixi...
/phoenix#web-frameworks#frontend#javascript#drab
639 49522 488
New
KronicDeth
Libraries & Projects>Libraries

IntelliJ Elixir - Elixir plugin for JetBrain's IntelliJ Platform
Elixir plugin for JetBrain’s IntelliJ Platform (including Rubymine) This is a plugin that adds support for Elixir to JetBrains IntelliJ...
#intellij
289 35421 110
New
SoCreat
Questions & Help>Questions

What's the best ide/editor for elixir in 2021?
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
#ide
68 37349 27
New
fireproofsocks
Questions & Help>Questions

Defining Ecto Schemas (PostGres) to use NOT NULL in column definitions
I’m working on defining a simple Ecto schema for a table (in PostGres), but I don’t see where I can define a column as NOT NULL. Conside...
#ecto
29 14078 4
New
script
Questions & Help>Questions

Removing spaces and characters from string
If I have a string “1000 cfu/ml” . I want to remove the characters and / and space . So the string is like this "1000" What is the ...
#regex
11 14427 2
New
Qqwy
Questions & Help>Questions

Updating structs: Map.put vs %Foo{oldfoo | new: value} vs put_in
Original source of discussion: This topic on the Pragmatic Programmers' Functional Web Development with Elixir, OTP, and Phoenix forum. ...
#maps#structs#pipeline#access
115 28410 31
New
TunkShif
Chat & Discussions>Wikis

Neovim - Elixir Setup Configuration from Scratch Guide
This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...
#wiki#code-editors#neovim#language-server-protocol
273 38985 115
New
AstonJ
Learning Resources>Books

Functional Web Development with Elixir, OTP, and Phoenix (Pragprog)
by Lance Halvorsen Elixir and Phoenix are generating tremendous excitement as an unbeatable platform for building modern web application...
#book-functional-web-development-with-elixir-otp-and-phoenix#pragprog
460 27162 124
New
Back to top

Latest Livebook Threads

Livebook Forum ❯

Learning Resources>Guides/Tuts/Tips/Info

Resources Guides/Tuts ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers. By developers, for developers.

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

WyewWorks

Enabling companies to succeed by building software people love.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

WyewWorks

Enabling companies to succeed by building software people love.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement