sjwie
/
nextjs-test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use semicolon && add speed insights

This commit is contained in:
sjwie 2024-02-07 18:55:23 +09:00
parent e44f57abb1
commit 3a0b8ed7ea
6 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.prettierrc
View File

@ -1,5 +1,5 @@
{
"semi": false,
"semi": true,
"singleQuote": false,
"trailingComma": "all",
"useTabs": false,

22
app/draw-io/page.tsx
View File

@ -1,12 +1,12 @@
"use client"
import Image from "next/image"
import Link from "next/link"
import { useRef, useState } from "react"
import { DrawIoEmbed, DrawIoEmbedRef } from "react-drawio"
"use client";
import Image from "next/image";
import Link from "next/link";
import { useRef, useState } from "react";
import { DrawIoEmbed, DrawIoEmbedRef } from "react-drawio";
export default function Home() {
const [imgData, setImgData] = useState("")
const drawioRef = useRef<DrawIoEmbedRef>(null)
const [imgData, setImgData] = useState("");
const drawioRef = useRef<DrawIoEmbedRef>(null);
return (
<main className="flex min-h-screen flex-col items-center justify-between p-24">
<div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
@ -40,12 +40,12 @@ export default function Home() {
ref={drawioRef}
onExport={(data) => {
console.log(`onExport executed:
${JSON.stringify(data, null, 2)}`)
setImgData(data.data)
${JSON.stringify(data, null, 2)}`);
setImgData(data.data);
}}
onClose={(data) => {
console.log(`onClose executed:
${JSON.stringify(data, null, 2)}`)
${JSON.stringify(data, null, 2)}`);
}}
/>
</div>
@ -58,5 +58,5 @@ export default function Home() {
/>
)}
</main>
)
);
}

2
app/layout.tsx
View File

@ -1,3 +1,4 @@
import { SpeedInsights } from "@vercel/speed-insights/next";
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
@ -16,6 +17,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en">
<SpeedInsights />
<body className={inter.className}>{children}</body>
</html>
);

6
app/page.tsx
View File

@ -1,5 +1,5 @@
import Image from "next/image"
import Link from "next/link"
import Image from "next/image";
import Link from "next/link";
export default function Home() {
return (
@ -118,5 +118,5 @@ export default function Home() {
</a>
</div>
</main>
)
);
}

1
package.json
View File

@ -9,6 +9,7 @@
"lint": "next lint"
},
"dependencies": {
"@vercel/speed-insights": "^1.0.9",
"next": "14.1.0",
"react": "^18",
"react-dom": "^18",

5
yarn.lock
View File

@ -298,6 +298,11 @@
resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
"@vercel/speed-insights@^1.0.9":
version "1.0.9"
resolved "https://registry.yarnpkg.com/@vercel/speed-insights/-/speed-insights-1.0.9.tgz#ad748c238c4ed58b32cc8a398f28abe507dabd53"
integrity sha512-f+XFP0O+aZ4Olj9h+BitkB1b4NJQaxtyCb69wWuDxytJHY6Pa4QtZPdBUftHOcajUCHRVeq062fk3MKXKtjNVQ==
acorn-jsx@^5.3.2:
version "5.3.2"
resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"