Accedi
FrontendPills/Build a super fast and scalable app with NextJS and Strapi

Registrati per ricevere informazioni su FrontendPills.

  • Lista di attesa

Build a super fast and scalable app with NextJS and Strapi

This course is about how to create your blog using NextJS and Strapi in only 20 hours.
Max 6 students for 7 LIVE lessons, once per week, at 7 pm.
You will use Strapi as Content Management System and GraphQL queries to get the data.
You will master ReactJS and use Typescript to make your app even more stable and predictable.
In the end, the opportunity to present your project and to get feedback.
Are you ready to start this journey?

You're signing up to receive emails from FrontendPills.

πŸ”₯ Why choosing this MASTERCLASS?

This masterclass contains all you need to give a boost to your Front End career.

You will learn how to build a scalable and very performant application with NextJS, a NodeJS framework that relies on ReactJS to build the interface.

During the development, we will use Typescript, as the best tool to make any website more stable and safe against data integrations.

You will master the latest rendering standards like CSR (ClientSide Rendering), SSR (ServerSide Rendering) and SSG (Static Site Generation).

All the data will be managed via the Strapi CMS, versatile headless cms often used by many companies. We will use GraphQL to connect to it instead of the standard REST calls.

Finally, the design of the web app is built using TailwindCSS, a great utility CSS library that will help us style the layout.

πŸš€ What are we going to build?

We are going to build your blog that will be used as your portfolio too.

We are going to learn the best practices for creating and maintaining a platform.

Once finished, you will get reviewed by your peers.

πŸ€” Who is it for?

  1. You are a Front End developer that wants to know how to create a platform with ReactJS, NextJS, GraphQL and Strapi.
  2. You want to build a production-ready website with Strapi as Content Management System.
  3. You want to learn Typescript and include it in your tech stack.

πŸ™„ Requirements

  • Good level of JavaScript and Typescript
  • Good level of ReactJS
  • Good level of HTML5 and CSS
  • Basic level of Git
  • Owner of a GitHub or Bitbucket account
  • Time to complete offline exercises

Certification πŸ“

At the end of the course, you will get your own personalized certificate.

πŸ€— What are you going to learn?

  • NextJS + ReactJS
  • GraphQL queries (reading data, filtering)
  • Strapi CMS
  • Typescript
  • SSR (ServerSide Rendering), CSR (ClientSide Rendering) and SSG (Static Site Generation) techniques
  • TailwindCSS
  • Clean code (ways to optimize the readability of the code)

Table of content

Day 1
  • NextJS: intro & project setup with Typescript
  • StrapiCMS: intro, project setup, database setup and content creation
Day 2
  • TailwindCSS configuration
  • GraphQL setup & read queries
  • Use of Typescript
  • Building the Homepage
  • The first use of TailwindCSS, SSG and SSR
Day 3
  • Building Contact page
  • Building the Article page
  • Typescript in deep
  • Adding GraphQL queries
Day 4
  • Building the Blog page
    Adding GraphQL queries
Day 5
  • Building the Categories page
  • Adding Comments functionality
  • Adding GraphQL queries
Day 6
  • Resuming the changes
Day 7
  • 20 minutes each for project presentation (Exam)

FAQs

In which language?

The masterclass will be in English only. If you are interested on doing it in another language (Italian or Spanish), just send me a message and I will contact you.

How we do it?

There will be 7 lessons. Each lesson will be made using Google Meet. So, we can see each other and talk, instead of being a single side workshop with a chat.

Is the exam's result important to get the certificate?

No. The exam and its result have been added to let you improve and to get feedbacks. So, don't worry and challenge yourself.

Do you have any more questions?

Use the button in the bottom right corner of the screen to start chatting with me.