feat: Migration to Next.js 14

[Wr4th100]

/claim #85

Upgraded the entire website to Next.js 14

• App Router for server side rendering
• Server Actions used
• Zustand for state management
• TailwindCSS for styling
• FramerMotion for animations

Solves Issue #85 .

[socket-security[bot]]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@googleapis/youtube@13.0.0	Transitive: environment, eval, filesystem, network, shell	+38	3.82 MB	google-wombot
npm/@ianvs/prettier-plugin-sort-imports@4.1.1	environment, unsafe Transitive: filesystem, shell	+57	19.4 MB	ianvs
npm/@next/eslint-plugin-next@14.1.0	filesystem Transitive: environment, shell	+33	3.01 MB	vercel-release-bot
npm/@radix-ui/react-dialog@1.0.5	Transitive: environment	+37	7.74 MB	benoitgrelard
npm/@radix-ui/react-dropdown-menu@2.0.6	Transitive: environment	+50	8.85 MB	benoitgrelard
npm/@radix-ui/react-navigation-menu@1.1.4	Transitive: environment	+28	7.52 MB	benoitgrelard
npm/@radix-ui/react-scroll-area@1.0.5	Transitive: environment	+22	7.3 MB	benoitgrelard
npm/@radix-ui/react-slot@1.0.2	Transitive: environment	+10	2.28 MB	benoitgrelard
npm/@radix-ui/react-tooltip@1.0.7	Transitive: environment	+35	7.99 MB	benoitgrelard
npm/@tailwindcss/aspect-ratio@0.4.2	Transitive: environment, filesystem, shell, unsafe	+93	14.2 MB	bradlc
npm/@types/eslint@8.56.2	None	+2	243 kB	types
npm/@types/node@20.11.8	None	+1	4.06 MB	types
npm/@types/react-dom@18.2.18	None	+4	1.66 MB	types
npm/@types/react@18.2.48	None	+3	1.63 MB	types
npm/@typescript-eslint/eslint-plugin@6.19.1	Transitive: environment, eval, filesystem, shell, unsafe	+117	48.4 MB	jameshenry
npm/@typescript-eslint/parser@6.19.1	Transitive: environment, eval, filesystem, shell, unsafe	+112	45.3 MB	jameshenry
npm/autoprefixer@10.4.17	environment Transitive: filesystem, shell	+12	2.91 MB	ai
npm/axios@1.6.7	network Transitive: environment, filesystem	+8	2.21 MB	jasonsaayman
npm/class-variance-authority@0.7.0	None	+1	15.7 kB	joebell93
npm/clsx@2.1.0	None	0	8.46 kB	lukeed
npm/eslint-config-next@14.1.0	unsafe Transitive: environment, eval, filesystem, shell	+261	61 MB	vercel-release-bot
npm/framer-motion@11.0.3	Transitive: environment	+6	7.32 MB	adaam2, ankon, anthonyec, ...34 more
npm/googleapis@131.0.0	Transitive: environment, eval, filesystem, network, shell	+38	108 MB	google-wombot
npm/lucide-react@0.316.0	Transitive: environment	+3	22.2 MB	ericfennis
npm/next-themes@0.2.1	Transitive: environment, filesystem, network, shell, unsafe	+68	104 MB	paco
npm/next@14.1.0	environment, filesystem, network, shell, unsafe	+67	104 MB	vercel-release-bot
npm/prettier-plugin-tailwindcss@0.5.11	Transitive: environment, filesystem, shell, unsafe	+58	21.9 MB	thecrypticace
npm/prettier@3.2.4	environment, filesystem, unsafe	0	8.38 MB	prettier-bot
npm/react-dom@18.2.0	environment	+4	4.93 MB	gnoff
npm/react-hot-toast@2.4.1	Transitive: environment	+7	6.47 MB	timolins
npm/react-resizable-panels@1.0.10	Transitive: environment	+5	5.9 MB	brianvaughn
npm/react@18.2.0	environment	+2	337 kB	gnoff
npm/sharp@0.33.2	environment Transitive: filesystem, shell	+10	761 kB	lovell
npm/tailwind-merge@2.2.1	None	+2	975 kB	dcas
npm/tailwindcss-animate@1.0.7	Transitive: environment, filesystem, shell, unsafe	+93	14.2 MB	thejameskyle
npm/tailwindcss@3.4.1	environment, filesystem Transitive: shell, unsafe	+92	14.2 MB	adamwathan
npm/typescript@5.3.3	None	0	32 MB	typescript-bot
npm/use-broadcast-ts@1.4.4	Transitive: environment	+9	2.37 MB	romainlg29
npm/zustand@4.5.0	Transitive: environment	+8	2.33 MB	daishi, drcmda, jeremyrh

🚮 Removed packages: npm/@types/gapi@0.0.47, npm/browser-sync@3.0.2, npm/nodemon@3.0.3, npm/stylelint-config-standard@36.0.0, npm/stylelint@16.2.0, npm/yup@1.3.3

View full report↗︎

[socket-security[bot]]

🚨 Potential security issues detected. Learn more about Socket for GitHub ↗︎

To accept the risk, merge this PR and you will not be notified again.

Alert	Package	Note	Source
Install scripts	npm/sharp@0.33.2	Install script: install Source: node install/check	package.json pnpm-lock.yaml
Telemetry	npm/next@14.1.0	Note: Can be disabled by setting the environment variable NEXT_TELEMETRY_DISABLED=1 . See https://nextjs.org/telemetry for more information	package.json pnpm-lock.yaml

View full report↗︎

Next steps

What is an install script?

Install scripts are run when the package is installed. The majority of malware in npm is hidden in install scripts.

Packages should not be running non-essential scripts during install and there are often solutions to problems people solve with install scripts that can be run at publish time instead.

What is telemetry?

This package contains telemetry which tracks how it is used.

Most telemetry comes with settings to disable it. Consider disabling telemetry if you do not want to be tracked.

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of ecosystem/package-name@version specifiers. e.g. @SocketSecurity ignore npm/foo@1.0.0 or ignore all packages with @SocketSecurity ignore-all

• @SocketSecurity ignore npm/sharp@0.33.2
• @SocketSecurity ignore npm/next@14.1.0

[rishi-raj-jain]

@Wr4th100 Woah that's a lot of work you've put in 🫡

[Wr4th100]

@Wr4th100 Woah that's a lot of work you've put in 🫡

Thanks @rishi-raj-jain !

[vercel[bot]]

Someone is attempting to deploy a commit to a Personal Account owned by @gianpaj on Vercel.

@gianpaj first needs to authorize it.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
walnut-tv	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 1, 2024 9:51am