Photo-site

Introduction

This site represents a personal site for photography model.

Photo-site

Technology

• TypeScript
• Next.js
• Node.js
• ESLint (linter tool)
• Prettier (code formatter)
• Cloudinary (for image hosting)
• Nodemailer (for sending email)
• Bootstrap (for style of website)
• Vercel (for deploy website)
• i18next (in order to detect language and change language)
• reCAPTCHA
• Maps JavaScript API

Folders structure

• components: components that support the render of pages
• data: static data for pages in json format
• i18n: translation part with i18n
• interfaces: TypeScript interfaces
• pages: pages of the site
• public: contains the favicon
• service: external services that site used via API
• styles: CSS of the site

Usage

Clone Repository

git clone https://github.com/nicomanto/Photo-site.git

Installation

npm install or yarn install

Run local website

⚠️ Before run this command you need to configure environment variables with credentials of email used by Nodemailer and account credentials of Cloudinary

npm run dev

Deploy to Vercel

Installation Vercel

npm i -g vercel

Create production deployment

⚠️ Before run this command you need to configure environment variables with credentials of email used by Nodemailer and account credentials of Cloudinary in Vercel environment variables

vercel --prod