Dunder Mifflin¶

In this problem set, we'll build a website for Dunder Mifflin, a paper company based out of Scranton Pennsylvania. At the end of the problem set, we'll have built a site like this

Want to see the finished code?

Check out our GitHub repo.

Stack¶

Next.js version: 13.1.5
Typescript: no
ESLint: no
src/ directory: no
app/ directory: yes

Setup¶

Create a new Next.js app named dunder-mifflin with create-next-app.
```
npx create-next-app@latest dunder-mifflin
```

Delete the following files and directories, as they won't be needed (yet).

BeforeAfter

.git/
.gitignore
app/
  globals.css
  head.jsx
  layout.jsx
  page.jsx
  page.module.css
jsconfig.json
node_modules/
  ...
package-lock.json
package.json
pages/
  api/
    hello.js
public/
  favicon.ico
  next.svg
  thirteen.svg
  vercel.svg
README.md

.git/
.gitignore
app/
  head.jsx
  layout.jsx
  page.jsx
jsconfig.json
node_modules/
  ...
package-lock.json
package.json
README.md

(If you prefer, you may also delete .git/, .gitignore, and README.md.)