Giter Club home page Giter Club logo

next-vanilla-extract-template's Introduction

Mantine + Next + Vanilla extract template

Get started with the template by clicking Use this template button on the top of the page.

Documentation

next-vanilla-extract-template's People

Contributors

rtivital avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

next-vanilla-extract-template's Issues

Using with turbo giving error!

Just cloned this repo and when I run the command yarn dev --turbo,
Giving this error......

yarn dev --turbo
   ▲ Next.js 14.1.3 (turbo)
   - Local:        http://localhost:3000

 ✓ Ready in 2.7s
 ○ Compiling / ...
 ✓ Compiled / in 13.6s
 ⨯ TypeError: Cannot read properties of undefined (reading 'black')
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:130:129
    at [project]/components/Welcome/Welcome.css.ts [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:146:3)
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:158:143
    at [project]/components/Welcome/Welcome.tsx [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:223:3)   
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:255:137
    at [project]/app/page.tsx [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:278:3)
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at Module.default (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:282:20)
    at tree.children.page (G:\next-vanilla-extract-template-master\.next\server\chunks\node_modules_next_dist_ec3769._.js:3245:168)
    at Array.map (<anonymous>)
digest: "601416430"
 ⨯ TypeError: Cannot read properties of undefined (reading 'black')
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:130:129
    at [project]/components/Welcome/Welcome.css.ts [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:146:3)
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:158:143
    at [project]/components/Welcome/Welcome.tsx [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:223:3)   
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:255:137
    at [project]/app/page.tsx [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:278:3)
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at Module.default (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:282:20)
    at tree.children.page (G:\next-vanilla-extract-template-master\.next\server\chunks\node_modules_next_dist_ec3769._.js:3245:168)
    at Array.map (<anonymous>)
 ⨯ TypeError: Cannot read properties of undefined (reading 'black')
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:130:129
    at [project]/components/Welcome/Welcome.css.ts [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:146:3)
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:158:143
    at [project]/components/Welcome/Welcome.tsx [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:223:3)   
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:255:137
    at [project]/app/page.tsx [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:278:3)
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at Module.default (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:282:20)
    at tree.children.page (G:\next-vanilla-extract-template-master\.next\server\chunks\node_modules_next_dist_ec3769._.js:3245:168)
    at Array.map (<anonymous>)
TypeError: Cannot read properties of undefined (reading 'black')
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:130:129
    at [project]/components/Welcome/Welcome.css.ts [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:146:3)
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:158:143
    at [project]/components/Welcome/Welcome.tsx [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:223:3)   
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:255:137
    at [project]/app/page.tsx [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:278:3)
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at Module.default (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:282:20)
    at tree.children.page (G:\next-vanilla-extract-template-master\.next\server\chunks\node_modules_next_dist_ec3769._.js:3245:168)
    at eB (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:402533)
    at G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:39:6514
    at G:\next-vanilla-extract-template-master\node_modules\next\dist\server\lib\trace\tracer.js:133:36
    at NoopContextManager.with (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:7062)
    at ContextAPI.with (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:518)
    at NoopTracer.startActiveSpan (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:18093)
    at ProxyTracer.startActiveSpan (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:18854)
    at G:\next-vanilla-extract-template-master\node_modules\next\dist\server\lib\trace\tracer.js:122:103
    at NoopContextManager.with (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:7062)
    at ContextAPI.with (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:518)
    at NextTracerImpl.trace (G:\next-vanilla-extract-template-master\node_modules\next\dist\server\lib\trace\tracer.js:122:28)
    at ru (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:39:6395)
    at G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:39:9085
    at Array.map (<anonymous>)
    at ru (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:39:8818)
    at async rv (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:39:14233) {
  digest: '601416430'
}
 ⨯ TypeError: Cannot read properties of undefined (reading 'black')
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:130:129
    at [project]/components/Welcome/Welcome.css.ts [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:146:3)
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:158:143
    at [project]/components/Welcome/Welcome.tsx [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:223:3)   
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:255:137
    at [project]/app/page.tsx [app-rsc] (ecmascript) (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:278:3)
    at instantiateModule (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:488:23)
    at getOrInstantiateModuleFromParent (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:539:12)
    at esmImport (G:\next-vanilla-extract-template-master\.next\server\chunks\[turbopack]_runtime.js:113:20)
    at Module.default (G:\next-vanilla-extract-template-master\.next\server\chunks\_6880e0._.js:282:20)
    at tree.children.page (G:\next-vanilla-extract-template-master\.next\server\chunks\node_modules_next_dist_ec3769._.js:3245:168)
    at eB (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:402533)
    at G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:39:6514
    at G:\next-vanilla-extract-template-master\node_modules\next\dist\server\lib\trace\tracer.js:133:36
    at NoopContextManager.with (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:7062)
    at ContextAPI.with (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:518)
    at NoopTracer.startActiveSpan (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:18093)
    at ProxyTracer.startActiveSpan (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:18854)
    at G:\next-vanilla-extract-template-master\node_modules\next\dist\server\lib\trace\tracer.js:122:103
    at NoopContextManager.with (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:7062)
    at ContextAPI.with (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\@opentelemetry\api\index.js:1:518)
    at NextTracerImpl.trace (G:\next-vanilla-extract-template-master\node_modules\next\dist\server\lib\trace\tracer.js:122:28)
    at ru (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:39:6395)
    at G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:39:9085
    at Array.map (<anonymous>)
    at ru (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:39:8818)
    at async rv (G:\next-vanilla-extract-template-master\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:39:14233) {
  digest: '601416430',
  page: '/'
}
 ○ Compiling /_error ...
 ✓ Compiled /_error in 2.2s

Seems like this error is because of turbo but not sure....

Peer deps issues

$ npm install                                                                                                                                                                    master
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @mantine/[email protected]
npm ERR! node_modules/@mantine/core
npm ERR!   @mantine/core@"7.0.0-beta.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @mantine/core@"7.0.0-alpha.13" from @mantine/[email protected]
npm ERR! node_modules/@mantine/vanilla-extract
npm ERR!   @mantine/vanilla-extract@"7.0.0-alpha.13" from the root project
npm ERR!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.