buildathon-example.md

Create project

➜ npx create-next-app@latest buildathon-example
✔ Would you like to use TypeScript? … No / Yes
✔ Would you like to use ESLint? … No / Yes
✔ Would you like to use Tailwind CSS? … No / Yes
✔ Would you like your code inside a `src/` directory? … No / Yes
✔ Would you like to use App Router? (recommended) … No / Yes
✔ Would you like to use Turbopack for `next dev`? … No / Yes
✔ Would you like to customize the import alias (`@/*` by default)? … No / Yes
Creating a new Next.js app in /Users/mark/Projects/buildathon-example.

Using npm.

Initializing project with template: app-tw


Installing dependencies:
- react
- react-dom
- next

Installing devDependencies:
- typescript
- @types/node
- @types/react
- @types/react-dom
- @tailwindcss/postcss
- tailwindcss
- eslint
- eslint-config-next
- @eslint/eslintrc


added 336 packages, and audited 337 packages in 5s

137 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
Initialized a git repository.

Success! Created buildathon-example at /Users/mark/Projects/buildathon-example

Move into project dir

➜ cd buildathon-example

Install @tsconfig/strictest

➜  buildathon-example git:(main) npm i -D @tsconfig/strictest

added 1 package, and audited 338 packages in 846ms

137 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

Edit tsconfig.json to use @tsconfig/strictest

➜  buildathon-example git:(main) ✗ cat tsconfig.json
{
  "extends": "@tsconfig/strictest/tsconfig.json",
  "compilerOptions": {
    "target": "ES2017",
    "lib": ["dom", "dom.iterable", "esnext"],
    "module": "esnext",
    "moduleResolution": "bundler",
    "jsx": "preserve",
    "noEmit": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "plugins": [{ "name": "next" }],
    "paths": {
      "@/*": ["./src/*"]
    },
    "incremental": true
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}

Run locally

➜  buildathon-example git:(main) ✗ npm run dev

> [email protected] dev
> next dev --turbopack

   ▲ Next.js 15.4.6 (Turbopack)
   - Local:        http://localhost:3000
   - Network:      http://192.168.86.209:3000

 ✓ Starting...

   We detected TypeScript in your project and reconfigured your tsconfig.json file for you. Strict-mode is set to false by default.
   The following suggested values were added to your tsconfig.json. These values can be changed to fit your project's needs:

   	- allowJs was set to true

 ✓ Ready in 716ms
 ○ Compiling / ...
 ✓ Compiled / in 1117ms

Deploy

➜  buildathon-example git:(main) ✗ npx vercel@latest --yes
Need to install the following packages:
[email protected]
Ok to proceed? (y) y

npm warn deprecated [email protected]: This package is archived and no longer maintained. For support, visit https://github.com/expressjs/express/discussions
Vercel CLI 45.0.9
Local settings detected in vercel.json:
Auto-detected Project Settings (Next.js):
- Build Command: next build
- Development Command: next dev --port $PORT
- Install Command: `yarn install`, `pnpm install`, `npm install`, or `bun install`
- Output Directory: Next.js default
🔗  Linked to mkwatsons-projects/buildathon-example (created .vercel)
🔍  Inspect: https://vercel.com/mkwatsons-projects/buildathon-example/KZYGr17RhAwy4REez371xGugL9fM [2s]
✅  Production: https://buildathon-example-f2avv7gm2-mkwatsons-projects.vercel.app [2s]
📝  Deployed to production. Run `vercel --prod` to overwrite later (https://vercel.link/2F).
💡  To change the domain or build command, go to https://vercel.com/mkwatsons-projects/buildathon-example/settings