https://docs.vmgd.whatworks.com.au/
  • ICT Team
    • Setting up your development environment
      • Install programs
      • Create a development wordpress site in Local
      • Git clone the repo
      • Configure the database connection
      • Pull database from live server
      • Run dev server
      • Push changes to live server
    • Making changes to the website
      • File Structure Overview
      • Creating a New Page Template
      • Content Entry Workflow
      • Deployment
    • VMGD Backend Requirements
      • Functional Requirements
        • Ability to edit website and mobile app content
        • API endpoints + documentation for mobile app
        • GraphQL server that allows the website front-end + mobile app to query all website content
        • Mobile Notification
        • Triggers
      • Non-Functional Requirements
        • Availability
          • Vercel CDN
          • Fastly CDN
          • Fastly Firewall
          • Caching + Firewall Diagram
Powered by GitBook
On this page
  1. ICT Team
  2. Setting up your development environment

Run dev server

PreviousPull database from live serverNextPush changes to live server

Last updated 6 months ago

Open new VScode window.

Open the nextjs folder at /Users/elliott/Local Sites/vmgd/app/public/nextjs

  • CMD + O (on mac)

  • CTRL + K + O (on windows)

Create a new file in the root directory called .env.local

Add the following environment variables:

SKIP_ENV_VALIDATION=true FTP_API_KEY=<get from vercel>

You can get the environment variable from vercel here:

In VSCode, press CTRL + ~ to open terminal

Run the following commands:

npm install npm run dev

Visit localhost:3000 in the web browser

Terminal should look like this:

And browser should load the home page:

Congrats! You are ready to start developing.

https://vercel.com/what-works/vmgd/settings/environment-variables