DTR Website

Website for the Design, Technology, and Research (DTR) program at Northwestern University. View live at http://dtr.northwestern.edu/.

Setup

1. Make sure you have Node.js and yarn installed.

2. Clone the repository, and create a .env file with the following:

   AIRTABLE_API_KEY=<api-key-for-airtable>
   AIRTABLE_BASE_ID=<base-id-for-airtable>
   REVALIDATE_TIME="30"

3. Run yarn install to install packages.

Running Code Locally

Local Development

To develop locally, run yarn dev and navigate to localhost:3000 in your browser. Changes in code will automatically cause the website to be re-built and update the browser.

Testing Production Build Locally

To test a production build:

yarn build
yarn start

Once started, navigate to localhost:8080 in your browser.

Development Process and Pushing to Production

We use DigitalOcean's App Platform to host https://dtr.northwestern.edu/. It is configured to re-build the website whenever changes are pushed to the main branch of this repository. Because of that, we recommend you create a new branch when you have changes that you want to make, and create a pull request to merge into main once they are completed and tested.

Technologies used

• Next.js
• TailwindCSS
• Typescript
• Airtable and Airtable API