https://github.com/thape-cn/web

New THAPE web site using TailwindUI
https://github.com/thape-cn/web

Last synced: about 2 months ago
JSON representation

New THAPE web site using TailwindUI

• Host: GitHub
• URL: https://github.com/thape-cn/web
• Owner: thape-cn
• License: other
• Created: 2020-03-18T01:27:29.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2024-10-29T08:37:43.000Z (about 2 months ago)
• Last Synced: 2024-10-29T09:54:34.634Z (about 2 months ago)
• Language: JavaScript
• Homepage: https://www.thape.com
• Size: 69.1 MB
• Stars: 27
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
[![CircleCI](https://circleci.com/gh/thape-cn/web.svg?style=svg)](https://circleci.com/gh/thape-cn/web)

# README

## Introduce video (Chinese)

[![Watch the video](https://i.ytimg.com/vi/eJvLOpA4NtM/hqdefault.jpg)](https://www.youtube.com/watch?v=eJvLOpA4NtM&t=59s)

## Slide

[rubyconf2020-tailwind-css-rails6-alpinejs](https://www.thape.com/uploads/rubyconf2020-tailwind-css-rails6-alpinejs.key)

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

```bash

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

```bash

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

```bash

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