sujii / partial-hydration-with-server-components

Testing Partial-Hydration-with-React-Server-Components.

What aim for

Repo of Template :

🛏️✨ for React-APP, API-less Client/Server Pertial-Hydration Architecture.

References

• reactjs.org/server-components
• server-components-demo
• Build a Java Web Application Using GraphQL API and Spring Boot
• Gatsby Concepts Partial Hydration
• Next.js × Go × AWSでJWT認証付きGraphQLアプリとCI/CDを構築してみよう

ToDo

• fix JavaScript codes to TypeScript
  • fix tsconfig.json
• generate interface Models from GraphQL Code Generator
• fix ts.config details, so next.config too
• add React Server Component
• get Data from GraphQL in use Partial Hydration
  • example, from SpringBoot
  • add sample SpringBoot APP as Submodule
• (optional) replace yarn workpspaces to pnpm workspaces

Install packages (setup yarn workspaces)

# first time: when you cloned this repo
make install

# default: setup workspaces
make auto-clean

# when dependencies are broken (keep cache)
make auto-clean-hard

# when dependencies are broken (purge cache)
make auto-clean-omega

Getting Started /packages/client DEV

# first, run the development server
yarn client dev

# to see the result with your browser
open http://localhost:3000

Auther

@sujii / Susumu Fujii

License

MIT