How I Made My Website Load in 0.364 Seconds | Build and Deploy

Platform

Technologies and Frameworks

  • Next.js: A React framework for building JavaScript applications.
  • Sanity.io: A platform for structured content that comes with an open-source editing environment called Sanity Studio.
  • Tailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.
  • TypeScript: A statically typed superset of JavaScript that adds optional types.
  • React: A JavaScript library for building user interfaces.
  • Node.js: A JavaScript runtime built on Chrome's V8 JavaScript engine.
  • CSS: A stylesheet language used for describing the look and formatting of a document written in HTML.
  • JSON: A lightweight data-interchange format that is easy for humans to read and write and easy for machines to parse and generate.
  • @sanity/image-url: A library for generating image URLs with Sanity.io.
  • next-sanity: A library that provides utilities for working with Sanity.io in Next.js applications.
  • clsx: A tiny utility for constructing className strings conditionally.
  • tailwind-merge: A utility for merging Tailwind CSS classes.
  • query-string: A library for parsing and stringifying URL query strings.

Installation

Follow these steps to install and setup the project:

  1. Clone the repository to your local machine using the following command:
git clone https://github.com/adrianhajdin/jsm_resources_next13.git
  1. Navigate to the project directory:
cd jsm_resources_next13
  1. Install the required dependencies. The project requires Next.js, React, React DOM, Sanity, Styled Components, Tailwind CSS, TypeScript, and various other dependencies. You can install these using npm or yarn. Here is an example using npm:
npm install
  1. Run the repo
npm run dev