adrianhajdin / jsm_resources_next13

JSM Resources

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

https://jsmastery.pro/resources

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

2. Navigate to the project directory:

cd jsm_resources_next13

3. 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

4. Run the repo

npm run dev

jsm_resources_next13's Issues

slug is random

the .env file is not hidden

The .env file did not get ignored

Product details page

Can anyone also add the product details page using slug?