1. Create a Basic Project mkdir my-app cd my-app yarn init -y yarn add react react-dom next mkdir pages Then, open the package.json file in the root directory and replace scripts with the following: “scripts”: { “dev”: “next”, “build”: “next build”, “start”: “next start” } We’ll also need a page to render, let’s create pages/index.tsx : const Home […]
Next.js + Styled Components The Really Simple Guide ▲ + 💅
I recently started using Next.js, and quite honestly I have to say, is an awesome tool, you get a lot out of the box, and while there are some things I don’t necessary agree with, overall it makes really simple to create static and server‑rendered applications. Next comes bundled with styled-jsx, which is a full, […]
Building a React.js App from Scratch in 10 steps
As usual, building an app from scratch tends to be scary and frustrating, this is a simple and quick tutorial to get the ball rolling with your React app. 1. Install Global Packages (babel & babel-cli) Babel is essentially an ECMAScript 6 to ECMAScript 5 compiler. It allows you to use ES6 features in your projects and then […]