I wanted to make a portfolio site that better showcased my skills and could display my personality.
- Set node version to match
package.json
- Install
n
:$ npm i -g n
- Download correct version:
$ n <version>
- Install
- Install node packages:
$ npm install
- Set up environment variables in
.env
NODE_ENV=development
PORT=3000
- Start the server with foreman:
$ npm run dev:server
- Can simulate the web environment:
$ nf start web=1
- Can simulate the web environment:
- Start watch processes:
$ npm run dev:sync
Although the componentized architecture is much cleaner, for smaller apps it adds a lot of overhead. Thus, I went with a flat architecture.
Rather than using frameworks or libraries, I wanted to showcase my skills by doing everything custom and with vanilla JS.