feat: enable caching in projects and contact pages; update next.confi…

[jirihofman]

…g.mjs for dynamicIO

https://www.youtube.com/watch?v=19g66ezsKAg&t=2029s

Summary by CodeRabbit

• New Features

  • Introduced a loading placeholder for a smoother experience while page content is being fetched.
  • Enabled caching on multiple pages to boost performance and responsiveness.

• Chores

  • Updated configuration settings to support enhanced dynamic operations.
  • Upgraded core dependencies for improved stability and overall performance.

[vercel[bot]]

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

Name	Status	Preview	Updated (UTC)
portfolio	❌ Failed (Inspect)		Feb 22, 2025 11:33am

[coderabbitai[bot]]

Walkthrough

The update comprises several modifications across files. The caching mechanism is enabled in multiple modules by adding the 'use cache'; directive, while the explicit runtime export using 'nodejs' is removed in some modules. The layout component now utilizes React’s Suspense to wrap its children with a fallback loading UI. In addition, experimental configuration is enhanced with the introduction of dynamicIO: true in the Next.js configuration file, and dependency versions have been bumped in the package file.

Changes

File(s)	Change Summary
app/contact/page.jsx, app/search/page.jsx	Added 'use cache'; directive; removed export const runtime = 'nodejs'; to eliminate runtime specification.
app/projects/page.jsx, app/projects/projects.jsx	Added 'use cache'; directive to enable caching.
app/layout.jsx	Introduced Suspense (with import from React) to wrap children with a fallback UI displaying "Loading...".
next.config.mjs	Added property dynamicIO: true within the experimental configuration.
package.json	Updated dependencies: Next (^15.0.2 → ^15.1.4), React (^19.0.0-rc-02c0e824 → ^19.0.0-rc-603e6108), and React-DOM to match the new React version.

Sequence Diagram(s)

sequenceDiagram
    participant Browser
    participant RootLayout
    participant Suspense
    participant ChildComponent

    Browser->>RootLayout: Request page load
    RootLayout->>Suspense: Render children inside Suspense
    Suspense->>ChildComponent: Request content
    alt Content loading is slow
        ChildComponent-->>Suspense: Delay response
        Suspense-->>Browser: Display fallback ("Loading...")
    else Content loaded quickly
        ChildComponent-->>Suspense: Return content
        Suspense-->>Browser: Render content
    end

Poem

I'm a bunny in the code so grand,
Hopping through caches across the land.
Suspense wraps the view with care,
Configs and versions now up to dare.
Hop along, my friend – let's code and share! 🐇

✨ Finishing Touches

• [ ] 📝 Generate Docstrings (Beta)

---

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR. (Beta)
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.