Set up your Next.js project with TypeScript, Tailwind, React Testing Library, Jest, Prettier, and ESlint.

human hand rising from the ocean
human hand rising from the ocean
Photo by nikko macaspac on Unsplash

TL;DR:

0. Nextjs Starter Templates Example’s Directory

Examples:

npx create-next-app --example with-tailwindcss name-of-your-project
npx create-next-app…


Banner image with GraphQL Logo and written “GraphQL”

a). How to download/fetch/print schema.graphql from GraphQL endpoint?

npx get-graphql-schema https://countries.trevorblades.com > schema.graphql

b). How to generate GraphQL Queries, Mutations, and Subscriptions from GraphQL Schema?

npx gqlg --schemaFilePath schema.graphql --destDirPath ./queries-mutations_subscriptions --depthLimit 5


How to test react applications with jest and react testing library. Image courtesy of morioh.com

Table Of Content

TL;DR:


React, Apollo, GraphQL. Image courtesy of hackernoon.com

TL;DR:

What is GraphQL?


Containerization on the front-end with React and docker in development and production, and deployment of a React application with docker and nginx

Deploy react app with docker and nginx. Image rights https://www.hkinfosoft.com

TL;DR:

The Analogy:



Macharia Muguku

A student of the world ; My brain has too many tabs open ; 🇰🇪; www.muguku.co.ke

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store