SimpleNextjs.

Category : libraries

Cover Image for How to create a responsive horizontal navbar with ant design ( for Next.js and react apps)

How to create a responsive horizontal navbar with ant design ( for Next.js and react apps)

While ant design component library offers one of the most extensive choices of react components, one of its glaring shortcomings is the lack of a mobile responsive top menu. We will see in this article how to adress this using the Menu and Drawer component.

Marouane Reda
Marouane Reda
Cover Image for How to use Bootstrap 5 with Next.js

How to use Bootstrap 5 with Next.js

Along with ant design and chakra-ui, Bootstrap is the most widely used componenet library that you can use to speed up the developpement of your next.js app, giving it a nice professional feel.

Marouane Reda
Marouane Reda
Cover Image for How to use styled components in Next.js apps

How to use styled components in Next.js apps

While Next.js comes with styled-jsx as a built-in styling solution, you may be wishing to use styled-components to style your app. In this article we will see how to use styled components in an example Next.js app without hassle!

Marouane Reda
Marouane Reda
Cover Image for How to customize Ant design theme for Next.js

How to customize Ant design theme for Next.js

antd is one of the most used library components for React apps. By using less, it can be customized to suit your design needs. But customizing it for Next.js apps is not straightforward, this is why we made this tutorial.

Marouane Reda
Marouane Reda
Cover Image for How to use antdesign with Next.js

How to use antdesign with Next.js

Like chakra-ui, ant design is a componenet library that you can use to speed up the developpement of your next.js app, giving it a nice professional feel.

Marouane Reda
Marouane Reda
Cover Image for How to use Chakra-UI, Choc-UI and Chakra templates with Next.js

How to use Chakra-UI, Choc-UI and Chakra templates with Next.js

The use of component libraries for React such as Ant Design for React, react-Bootstrap, … has become more widely used not only for prototyping purposes ( as it speeds up development), but also for production-ready applications. With Chakra UI , Choc UI and Chakra Templates, you can take this approach even further.

Marouane Reda
Marouane Reda