website Documentation

File: README.md Copy Chapter

This is a Next.js project bootstrapped with create-next-app.

Getting Started Copy Chapter

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More Copy Chapter

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel Copy Chapter

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

File: package.json Copy Chapter

{
"name": "openbao",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@fortawesome/fontawesome-free": "^6.5.1",
"@fortawesome/fontawesome-svg-core": "^6.5.1",
"@fortawesome/free-brands-svg-icons": "^6.5.1",
"@fortawesome/free-regular-svg-icons": "^6.5.1",
"@fortawesome/free-solid-svg-icons": "^6.5.1",
"@fortawesome/react-fontawesome": "^0.2.0",
"@types/node": "20.10.1",
"@types/react": "18.2.39",
"@types/react-dom": "18.2.17",
"eslint": "8.54.0",
"eslint-config-next": "14.0.3",
"next": "^13.0.0",
"next-themes": "^0.2.1",
"prettier": "^3.1.0",
"react": "18.2.0",
"react-dom": "18.2.0",
"sass": "^1.69.5",
"typescript": "5.3.2",
"use-local-storage": "^3.0.0"
}
}

File: todo.md Copy Chapter

Styles

• do a variable sweep to dry out code
• light mode colors
• navbar mobile
• cards mobile
• fix padding all around
• fix margins all around
• fix spacing between elements, they are too cramped between sections
• consolidate css files and organize them better, currently a little chaotic
• replace inline styles in icon.tsx with css classes
• renmame first gradient css class and make it reuseable

Features

• link up nav icons
• finish github section on nav
• build out or find a faq section component
• figure out if logocard component will display logos or text and update that to work
• upgrade nextjs version to newest
• make a card section component to follow the example of the other ones

SEO / accessibility

• accessibility stuff
• do we do language support?
• meta tags
• sitemap
• robots.txt
• analytics?
• site title and description
• clean up H tags so that they make sense and not just being used for sizing because im lazy right now.
• clean up favicon file structure, maybe put it in a folder and not all in root

File: tsconfig.json Copy Chapter

{
"compilerOptions": {
"target": "es5",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
"incremental": true,
"plugins": [
{
"name": "next"
}
],
"paths": {
"@/": ["./src/"]
}
},
"include": ["next-env.d.ts", "/*.ts", "/.tsx", ".next/types/**/.ts"],
"exclude": ["node_modules"]
}

File: .eslintrc.json Copy Chapter

{
"extends": ["next/core-web-vitals", "plugin:prettier/recommended"],
"plugins": ["prettier"],
"rules": {
"prettier/prettier": "error",
"max-len": ["warn", { "code": 70, "ignoreComments": true }]
}
}