Light

joaopaulomoraes / nextjs-with-redux-and-material-ui Goto Github PK

A boilerplate NextJS with Redux and Material UI

JavaScript 100.00%

boilerplate-nextjs material-ui next-material nextjs nextjs-redux redux

nextjs-with-redux-and-material-ui's Introduction

{
  "currentlyBuilding": "Software for humans",
  "currentlyLearning": [
    "Functional Programming",
    "Hexagonal Architecture",
    "Clean Architecture",
    "Domain-Driven Design",
    "Elixir",
    "Erlang",
    "Regex",
    "Product",
    "Accessibility",
    "Entrepreneurship"
  ],
  "linkedIn": "https://www.linkedin.com/in/joaopaulomoraes",
  "askMeAbout": [
    "React",
    "Next",
    "Functional Programming",
    "Vite"
  ],
  "additionalInformation": [
    "I like to always follow the best development practices",
    "I improve the performance and quality of the app so that it is better every day",
    "I'm dedicated to always providing the best user experience",
    "I worked as a mentor and project reviewer at Udacity",
    "I like working with UI/UX and designing products and flows",
    "I'm always learning"
  ]
}

nextjs-with-redux-and-material-ui's People

Contributors

Stargazers

Watchers

nextjs-with-redux-and-material-ui's Issues

unable to run code.

something is wrong with the redux-wrapper....getting following errors on console and browser

Wish to change the port number it loads on.

Cannot seem to find the file used for configuring the port number on which the application hot reloads on. Help would be appreciated.

TypeError: Cannot read property 'getState' of undefined

I guess the development of this project has been stopped, though I would like to add this a=issue as this project seems very useful to me for someone who wants to bootstrap a next.js project with with redux and material-ui (like me).

Upon running npm run-script dev and opening the page at localhost:3000 I got few warning and an error(logs):

    at processChild (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:2995:14)
    at resolve (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:2960:5)
    at ReactDOMServerRenderer.render (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:3435:22)
    at ReactDOMServerRenderer.read (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:3373:29)
    at renderToString (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:3988:27)
    at renderPage (/**/nextjs-with-redux-and-material-ui/node_modules/next/dist/next-server/server/render.js:50:851)
    at Object.ctx.renderPage (webpack-internal:///./pages/_document.js:108:26)
    at Function.getInitialProps (webpack-internal:///./node_modules/next/dist/pages/_document.js:141:19)
    at Function._Document.getInitialProps (webpack-internal:///./pages/_document.js:119:83)
event - build page: /next/dist/pages/_error
wait  - compiling...
event - compiled successfully
/!\ You are using legacy implementaion. Please update your code: use createWrapper() and wrapper.withRedux().
Warning: viewport meta tags should not be used in _document.js's <Head>. https://err.sh/next.js/no-document-viewport-meta
Error: Circular structure in "getInitialProps" result of page "/_error". https://err.sh/vercel/next.js/circular-structure
    at Function.getInlineScriptSource (webpack-internal:///./node_modules/next/dist/pages/_document.js:561:15)
    at NextScript.render (webpack-internal:///./node_modules/next/dist/pages/_document.js:618:28)
    at processChild (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:3134:18)
    at resolve (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:2960:5)
    at ReactDOMServerRenderer.render (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:3435:22)
    at ReactDOMServerRenderer.read (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:3373:29)
    at renderToStaticMarkup (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:4004:27)
    at renderDocument (/**/nextjs-with-redux-and-material-ui/node_modules/next/dist/next-server/server/render.js:3:669)
    at renderToHTML (/**/nextjs-with-redux-and-material-ui/node_modules/next/dist/next-server/server/render.js:52:103)
    at async /**/nextjs-with-redux-and-material-ui/node_modules/next/dist/next-server/server/next-server.js:100:66
Warning: the `Container` in `_app` has been deprecated and should be removed. https://err.sh/vercel/next.js/app-container-deprecated
TypeError: Cannot read property 'getState' of undefined
    at new Provider (/**/nextjs-with-redux-and-material-ui/node_modules/react-redux/lib/components/Provider.js:29:25)
    at processChild (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:2995:14)
    at resolve (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:2960:5)
    at ReactDOMServerRenderer.render (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:3435:22)
    at ReactDOMServerRenderer.read (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:3373:29)
    at renderToString (/**/nextjs-with-redux-and-material-ui/node_modules/react-dom/cjs/react-dom-server.node.development.js:3988:27)
    at renderPage (/**/nextjs-with-redux-and-material-ui/node_modules/next/dist/next-server/server/render.js:50:851)
    at Object.ctx.renderPage (webpack-internal:///./pages/_document.js:108:26)
    at Function.getInitialProps (webpack-internal:///./node_modules/next/dist/pages/_document.js:141:19)
    at Function._Document.getInitialProps (webpack-internal:///./pages/_document.js:119:83)
     
ready - started server on http://localhost:3000
event - compiled successfully
event - build page: /
wait  - compiling...
event - compiled successfully
/!\ You are using legacy implementaion. Please update your code: use createWrapper() and wrapper.withRedux().
Warning: the `Container` in `_app` has been deprecated and should be removed. https://err.sh/vercel/next.js/app-container-deprecated
TypeError: Cannot read property 'getState' of undefined

Can't Build and Run

Have to upgrade React and React Dom to 16.8, but then when you try to build and run the project, you get the following error:

Invariant Violation: Could not find "store" in the context of "Connect(WithStyles)". Either wrap the root component in a <Provider>, or pass a custom React context provider to <Provider> and the corresponding React context consumer to Connect(WithStyles) in connect options.

Everything works perfectly in dev mode.

Got following error after npm update

after clone and installation

TypeError: Cannot read property 'dispatch' of undefined
at Function.Index.getInitialProps (webpack-internal:///./pages/index.js:140:9)
at Function.getInitialProps (webpack-internal:///./pages/_app.js:37:94)
at loadGetInitialProps (/Users/some81/Desktop/work/nextjs-with-redux-and-material-ui/node_modules/next/dist/next-server/lib/utils.js:5:101)
at renderToHTML (/Users/some81/Desktop/work/nextjs-with-redux-and-material-ui/node_modules/next/dist/next-server/server/render.js:27:1572)
at processTicksAndRejections (internal/process/task_queues.js:97:5)
at async /Users/some81/Desktop/work/nextjs-with-redux-and-material-ui/node_modules/next/dist/next-server/server/next-server.js:112:97
at async /Users/some81/Desktop/work/nextjs-with-redux-and-material-ui/node_modules/next/dist/next-server/server/next-server.js:105:142
at async DevServer.renderToHTMLWithComponents (/Users/some81/Desktop/work/nextjs-with-redux-and-material-ui/node_modules/next/dist/next-server/server/next-server.js:137:387)
at async DevServer.renderToHTML (/Users/some81/Desktop/work/nextjs-with-redux-and-material-ui/node_modules/next/dist/next-server/server/next-server.js:138:610)
at async DevServer.renderToHTML (/Users/some81/Desktop/work/nextjs-with-redux-and-material-ui/node_modules/next/dist/server/next-dev-server.js:36:578)
4. WrappedApp created new store with withRedux(_App) { initialState: undefined, initialStateFromGSPorGSSR: undefined }
4. WrappedApp created new store with withRedux(_App) { initialState: undefined, initialStateFromGSPorGSSR: undefined }

Recommend Projects

React

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

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

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.