Follow this guide to run the project locally and have it preview live changes that you make to the codebase. This setup is also useful when performing demos:
- First, clone this GitHub repository using your method of choice.
# cloning via SSH
git clone [email protected]:Tab-SE/embedding_playbook.git
# cloning via HTTP
git clone https://github.com/Tab-SE/embedding_playbook.git
- Then, navigate to the directory where you cloned the repository using your shell.
cd embedding_playbook
- Install dependencies (look for a file called
package.json
for more details).
npm i
- Create local environment files by copying the provided templates.
# copy the development template
cp ./.env.development ./.env.development.local
# copy the production template
cp ./.env.production ./.env.production.local
-
Provide values for all environment variables listed in
.env.development.local
(for local development) and.env.production.local
(for creating local production builds). -
Finally, start the development server (see USAGE.md for more shell scripts).
npm run dev
- From this point forward, any changes made to files in the codebase will be previewed live in development mode, noticeable in particular will be changes to React components (
.jsx
files) or Markdown articles (.mdx
or.md
files).
Visit localhost:3000
to see the app. Enjoy!
NOTE: Development on GitHub codespaces may differ from this process. Please refer to their documentation for further guidance.
If you wish to deploy your own copy of Embed Tableau these are your options:
NOTE: Learn more about forking repositories here.
Of these options, hosting on Vercel is the most straightforward and the recommended path for beginners. It mostly consists of forking the repository, creating a free account on Vercel, connecting your profile to Github and importing your forked project.