# Start a new Jekyll site from my template

{% embed url="https://github.com/CasJam/jekyll-template" %}

My template site comes with the following pre-installed:

* Tailwind
* Stimulus JS
* Webpack
* Laravel Mix (has nothing to do with laravel, just makes building assets easier)
* Postcss
* Icomoon fonts all set up
* _... (continuously improving it over time) ..._

### ---

### 1) cd to my sites folder:

`cd ~/code/active/sites`

### 2) Clone the repo for my template site

```
git clone https://github.com/CasJam/jekyll-template.git new-site-name
```

### 3) cd into that new site:

`cd new-site-name`

### 4) Bundle Install to install the gems for this project

```
bundle install
```

### 5) npm install to install the javascript dependecies

```
npm install
```

### 6) Remove the template github repo from the current origin

```
git remote rm origin
```

### 7) Set up the new repo on github

1. Log into my github.com account
2. "Create New Repository"
3. Name it the same as my projectname
4. Get commands from the instructions under "...or push an existing repository from the command line."

### 8) Make first commit to the new GitHub repo:

```
git add .
git commit -m "first commit"
git push --set-upstream origin master
```

### 9) Run the server in terminal tab 1:

```
npm start
```

### 10) Run the watcher (for live reloading of changes) in terminal tab 2:

```
npm run watch
```
