Setting up your first Next.js project with Tailwind and Jest

1

Vercel

Next.js is made by Vercel, a team of developers who pride themselves on making easy-to-use, open-source tools, and their flagship framework could not be easier to set up.

#Developer Tools #Web Development Tools #App Deployment 527 social mentions

2

Tailwind CSS

Tailwind CSS is a specialised framework for styling websites. When I started developing web apps, I wondered how I would turn my designs into interactive components. Then I discovered Tailwind, a utility-first tool that provides a number of preset CSS classes that can be used to style your app. It adds a bit of quality to your app and integrates easily with Next.js.

#Developer Tools #Design Tools #Website Design 870 social mentions

3

Next.js

Next.js is a React framework from Vercel that makes creating high-quality apps incredibly simple. With built-in support for server-side rendering, file-based routing and a huge store of examples on GitHub, it's a great way to start building your first JavaScript website.

#Developer Tools #Web Frameworks #JavaScript Framework 925 social mentions

4

iTerm2

Using your preferred terminal (I use iTerm2), navigate to the place you store your projects and type the following command:.

#Terminal #Developer Tools #SSH 100 social mentions

5

Autoprefixer

One such plugin is Autoprefixer, which handles the addition of browser prefixes to your stylesheets. While browsers largely follow the same CSS standards, there are still variations in the implementation of those standards, particularly if they are experimental. You may have seen code such as the below before:.

#Developer Tools #Design Tools #CSS Framework 22 social mentions