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.

unzip thape_web_prod.zip
psql -d postgres
DROP DATABASE thape_web_dev;
CREATE DATABASE thape_web_dev WITH ENCODING='UTF8';
\q
psql -d thape_web_dev -f thape_web_prod.sql

Import to dev DB in WSL2 Ubuntu

sudo service postgresql start
sudo -u postgres createuser yxh
sudo -u postgres createdb thape_web_dev
psql -d thape_web_dev -f thape_web_prod.sql

Export production DB

pg_dump thape_web_prod -O -x > thape_web_prod.sql
zip thape_web_prod.zip thape_web_prod.sql

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.)