aycanogut / aycan.dev Goto Github PK

framer-motion has large import costs. Make a wrapper component and use it with related components to reduce the import cost on separate files.

Move the inline static data to API for entire pages.

• Home

• Projects

• Articles

• Bookmarks

• About

• Fetch this data with SWR for entire application.

• Update pages directory to app.
• Update _app.tsx and _document.tsx files and create a RootLayout.
• Add Head.tsx
• Update components with use client.
• Update font rendering with next/font.

Bro, Did you use "test token" as RAINDROP_TOKEN?
And second question is, what do I need to put in collection id? Because I've more than 1 collection.

To reduce import costs and boost performance, update next dynamic imports on appropriate use-cases.

Add links to the tech stack items for each technology.

medium.tsx file is causing 'server-side renders at runtime' behavior. Update the file to use SSG.

• Find a method to move blog posts to internal app.
• Pick a headless CMS.

CustomLoader component is not positioning to center on the Y axis.