Nextjs + Base Web + TypeScript

This is an opinionated scaffold of Next.js and Base Web. It comes with:

Nextjs
Base Web
Styletron
Vitest
Eslint
Prettier
TypeScript

nextjs-baseweb's People

Contributors

Stargazers

Watchers

nextjs-baseweb's Issues

Upgrading Repo with Next JS App directory

Hi,

Can we have upgraded version on this repo with Next JS App directory feature?

Thanks,
Gaurav

Styles accumelating once your server is running for long

Hi,

I found out that the styletron config which is in the repo has one small issue.

const styletron =
      typeof window === 'undefined'
        ? new Server({
            prefix: '_',
          })
        : new Client({
            hydrate: getHydrateClass(),
            prefix: '_',
          });

This code keeps the same instance on the server. So all the CSS which your whole website generates will contain in all your pages.

And the size of CSS starts increasing if you have something like backgroundImage. In this case, the website size will reach MB.

Not working with next 13

Error: "MyDocument.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string
    at loadDocumentInitialProps (/Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/render.js:693:23)
    at async renderDocument (/Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/render.js:738:39)
    at async Object.renderToHTML (/Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/render.js:775:28)
    at async doRender (/Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/base-server.js:810:34)
    at async cacheEntry1.responseCache.get.incrementalCache.incrementalCache (/Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/base-server.js:931:28)
    at async /Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/response-cache/index.js:83:36
Error: "MyDocument.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string
    at loadDocumentInitialProps (/Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/render.js:693:23)
    at async renderDocument (/Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/render.js:738:39)
    at async Object.renderToHTML (/Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/render.js:775:28)
    at async doRender (/Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/base-server.js:810:34)
    at async cacheEntry1.responseCache.get.incrementalCache.incrementalCache (/Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/base-server.js:931:28)
    at async /Users/penn/Projects/umf-ume-new/node_modules/.pnpm/[email protected]_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/server/response-cache/index.js:83:36

Recommend Projects