theo/werkzeugkiste
1
0
Fork 0
mirror of https://github.com/theoleuthardt/werkzeugkiste.git synced 2026-06-13 09:37:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: prettier init with formatted code files

Browse source
This commit is contained in:
theoleuthardt 2025-02-07 14:02:04 +01:00
parent 5fcfb7ac40
commit 99ffeeafef
12 changed files with 87 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

3
.prettierignore Normal file
View file

@ -0,0 +1,3 @@
# Ignore artifacts:
build
coverage

1
.prettierrc Normal file
View file

@ -0,0 +1 @@
{}

9
README.md
View file

@ -30,22 +30,29 @@ To install and run the project locally, follow these steps:
git clone https://github.com/theoleuthardt/werkzeugkiste.git git clone https://github.com/theoleuthardt/werkzeugkiste.git
cd werkzeugkiste cd werkzeugkiste
```
2. **Install the dependencies**: 2. **Install the dependencies**:
```bash ```bash
npm install npm install
```
3. **Start the website locally with npm**: 3. **Start the website locally with npm**:
```bash ```bash
npm run start npm run start
```
**or** **or**
3. **Start the website with docker compose**: 3. **Start the website with docker compose**:
```bash ```bash
docker compose up -d docker compose up -d
4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. ```
4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Authors ## Authors

2
next.config.ts
View file

@ -1,7 +1,7 @@
import type { NextConfig } from "next"; import type { NextConfig } from "next";
const nextConfig: NextConfig = { const nextConfig: NextConfig = {
output: 'standalone', output: "standalone",
}; };
export default nextConfig; export default nextConfig;

17
package-lock.json generated
View file

@ -20,6 +20,7 @@
"eslint": "^9", "eslint": "^9",
"eslint-config-next": "15.1.6", "eslint-config-next": "15.1.6",
"postcss": "^8", "postcss": "^8",
"prettier": "3.4.2",
"tailwindcss": "^3.4.1", "tailwindcss": "^3.4.1",
"typescript": "^5" "typescript": "^5"
} }
@ -4537,6 +4538,22 @@
"node": ">= 0.8.0" "node": ">= 0.8.0"
} }
}, },
"node_modules/prettier": {
"version": "3.4.2",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz",
"integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==",
"dev": true,
"license": "MIT",
"bin": {
"prettier": "bin/prettier.cjs"
},
"engines": {
"node": ">=14"
},
"funding": {
"url": "https://github.com/prettier/prettier?sponsor=1"
}
},
"node_modules/prop-types": { "node_modules/prop-types": {
"version": "15.8.1", "version": "15.8.1",
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",

13
package.json
View file

@ -9,19 +9,20 @@
"lint": "next lint" "lint": "next lint"
}, },
"dependencies": { "dependencies": {
"next": "15.1.6",
"react": "^19.0.0", "react": "^19.0.0",
"react-dom": "^19.0.0", "react-dom": "^19.0.0"
"next": "15.1.6"
}, },
"devDependencies": { "devDependencies": {
"typescript": "^5", "@eslint/eslintrc": "^3",
"@types/node": "^20", "@types/node": "^20",
"@types/react": "^19", "@types/react": "^19",
"@types/react-dom": "^19", "@types/react-dom": "^19",
"postcss": "^8",
"tailwindcss": "^3.4.1",
"eslint": "^9", "eslint": "^9",
"eslint-config-next": "15.1.6", "eslint-config-next": "15.1.6",
"@eslint/eslintrc": "^3" "postcss": "^8",
"prettier": "3.4.2",
"tailwindcss": "^3.4.1",
"typescript": "^5"
} }
} }

2
src/app/globals.css
View file

@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap'); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;

6
src/app/layout.tsx
View file

@ -13,11 +13,7 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body <body className={`antialiased`}>{children}</body>
className={`antialiased`}
>
{children}
</body>
</html> </html>
); );
} }

2
src/app/page.tsx
View file

@ -1,4 +1,4 @@
import Navbar from '../components/Navbar'; import Navbar from "../components/Navbar";
export default function Home() { export default function Home() {
return ( return (

19
src/components/Navbar.tsx
View file

@ -3,10 +3,10 @@ import Image from "next/image";
import LOGO from "../assets/logo/icons8-toolbox-64.svg"; import LOGO from "../assets/logo/icons8-toolbox-64.svg";
interface NavProps { interface NavProps {
renderHomeLink: boolean, renderHomeLink: boolean;
} }
const navbar = (props:NavProps) => { const navbar = (props: NavProps) => {
return ( return (
<div className="h-18 w-full p-3 border-2 border-white"> <div className="h-18 w-full p-3 border-2 border-white">
<nav className="bg-black text-white font-bold flex flex-row items-center justify-between"> <nav className="bg-black text-white font-bold flex flex-row items-center justify-between">
@ -21,12 +21,19 @@ const navbar = (props:NavProps) => {
<div className="text-white ml-5">werkzeugkiste.</div> <div className="text-white ml-5">werkzeugkiste.</div>
</div> </div>
<div className="flex flex-auto justify-center"> <div className="flex flex-auto justify-center">
{props.renderHomeLink ? {props.renderHomeLink ? (
<a href="#" className="justify-center">home</a> <a href="#" className="justify-center">
: null} home
</a>
) : null}
</div> </div>
<div className="flex flex-auto"> <div className="flex flex-auto">
<a href="https://github.com/theoleuthardt/werkzeugkiste" className="items-end mr-3">github</a> <a
href="https://github.com/theoleuthardt/werkzeugkiste"
className="items-end mr-3"
>
github
</a>
</div> </div>
</nav> </nav>
</div> </div>

2
tailwind.config.ts
View file

@ -14,7 +14,7 @@ export default {
}, },
fontFamily: { fontFamily: {
noto: ["Noto Serif", "serif"], noto: ["Noto Serif", "serif"],
} },
}, },
}, },
plugins: [], plugins: [],