Skip to content

feat: add @typestyles/next package for Next.js SSR integration#15

Merged
dbanksdesign merged 8 commits into
mainfrom
add-next-package
Feb 28, 2026
Merged

feat: add @typestyles/next package for Next.js SSR integration#15
dbanksdesign merged 8 commits into
mainfrom
add-next-package

Conversation

@dbanksdesign

@dbanksdesign dbanksdesign commented Feb 28, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Created new @typestyles/next package with helpers for Next.js App Router
  • Provides TypestylesStylesheet component for easy style injection
  • Provides collectStylesFromComponent for server components
  • Provides createTypestylesLayout for wrapping Next.js layouts

Features

TypestylesStylesheet Component

// app/layout.tsx
import { TypestylesStylesheet } from '@typestyles/next';

export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        <TypestylesStylesheet />
      </head>
      <body>{children}</body>
    </html>
  );
}

collectStylesFromComponent (for Server Components)

// app/styles.ts
import { collectStylesFromComponent } from '@typestyles/next';
import { YourApp } from './YourApp';

export async function getStyles() {
  return collectStylesFromComponent(<YourApp />);
}

createTypestylesLayout

// app/layout.tsx
import { createTypestylesLayout } from '@typestyles/next';

export default createTypestylesLayout(function RootLayout({ children }) {
  return (
    <html>
      <head><title>My App</title></head>
      <body>{children}</body>
    </html>
  );
});

Testing

  • ✅ Lint passes
  • ✅ Typecheck passes
  • ✅ All tests pass

@dbanksdesign dbanksdesign merged commit f2163d8 into main Feb 28, 2026
3 checks passed
@dbanksdesign dbanksdesign deleted the add-next-package branch February 28, 2026 07:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@dbanksdesign