Development Setup

These are the tools I used and the steps I took to create a working environment to build and develop this website. This includes what packages I installed and any special notes for importing and/or setup.

Tools

• JetBrains WebStorm
• Node.js 18
• Vite

Vite Setup

• npm create vite@latest
• Using react-swc-ts template
  • Chose React over other frameworks for compatibility with many popular libraries
  • Chose SWC over Babel for faster compilation
  • Chose TypeScript over JavaScript for type safety
• Installed @vitejs/plugin-legacy to support older browsers
  • npm i -D @vitejs/plugin-legacy
  • Added to vite.config.ts:

    plugins: [
        // other plugins
        legacy({
            targets: ['defaults', 'not IE 11']
        })
    ];

• Added base: '/honors-portfolio/ to vite.config.ts to support GitHub Pages