Update theme setup documentation

2 files changed, 16 insertions, 2 deletions

diff --git a/README.md b/README.md
index 128ab9c..f359d75 100644
--- a/README.md
+++ b/README.md
@@ -33,7 +33,7 @@ Alternatively, you can include this repository as a [git submodule](https://git-
 git submodule add https://github.com/apvarun/showcase-hugo-theme.git themes/showcase
 ```
 
-## Preview the theme
+## Preview the theme with example content
 
 Showcase theme ships with an fully configured example site. For a quick preview:
 
@@ -46,6 +46,16 @@ hugo serve --themesDir ../..
 
 Then visit `http://localhost:1313/` in your browser to view the example site.
 
+## Configuring theme to a hugo website
+
+1. Copy `package.json` and `package-lock.json` to the root folder of your the website
+2. Run `npm install` to install required packages for theme
+3. Run `npm i -g postcss-cli` to use PostCSS with Hugo build
+4. Set `theme = 'showcase'` in config.toml
+5. Run `npm start` to start your local server
+
+Make sure to commit the above changes to your repository.
+
 When deploying to services like Netlify or Vercel, use the following command for building your site:
 
 ```sh
diff --git a/package.json b/package.json
index bf7f61c..0ccd1bf 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,11 @@
   "name": "showcase-hugo-theme",
   "version": "1.3.0",
   "description": "Showcase is a minimal, single page theme for Hugo",
-  "scripts": {},
+  "scripts": {
+    "start": "hugo server --disableFastRender",
+    "start-examplesite": "hugo server -s exampleSite --themesDir=../.. --disableFastRender",
+    "build": "NODE_ENV=production hugo --gc"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/apvarun/showcase-hugo-theme.git"