README

Introduce video (Chinese)

Slide

rubyconf2020-tailwind-css-rails6-alpinejs

Steps to build the local dev.

Generate dummy settings

bundle install
yarn install
RAILS_ENV=production bin/webpack
bin/webpack-dev-server
bin/rails s # run in seperate console

Import to dev DB.

psql -d postgres
DROP DATABASE thape_web_dev;
CREATE DATABASE thape_web_dev WITH ENCODING='UTF8';
\q
gunzip < thape_web_prod.sql.gz | psql -d thape_web_dev

Import to dev DB in WSL2 Ubuntu

sudo service postgresql start
sudo -u postgres createuser yxh
sudo -u postgres createdb thape_web_dev
gunzip < thape_web_prod.sql.gz | psql -d thape_web_dev

Export production DB

pg_dump thape_web_prod -O -x | gzip > thape_web_prod.sql.gz

Develop notes

Add a new Tailwind CSS

Due to Tailwind CSS 1.9 limit, must touch CSS after adding a new class(the class-name never used.)