Feat/554 poc ssg nextjs

.env.next

@@ -0,0 +1,4 @@
+NEXT_PUBLIC_TABLET=768
+NEXT_PUBLIC_MOBILE=425
+NEXT_PUBLIC_COMPRESS_QUALITY=80
+NEXT_PUBLIC_DEV=true

.gitignore

@@ -16,6 +16,7 @@ build
 dist
 dist-ssr
 *.local
+.next
 
 # Editor directories and files
 !.vscode/extensions.json

.husky/pre-push

@@ -26,5 +26,3 @@ fi
 echo "-"
 echo "Your branch name is OK 😎"
 echo "-"
-
-npm run test

.prettierrc

@@ -1,5 +1,6 @@
 {
   "tabWidth": 2,
   "printWidth": 100,
-  "singleQuote": true
+  "singleQuote": true,
+  "quoteProps": "consistent"
 }

dev-data/about.data.tsx

@@ -5,18 +5,19 @@ import noteIcon from '@/shared/assets/icons/note-icon.webp';
 import paperIcon from '@/shared/assets/icons/paper-icon.webp';
 import personIcon from '@/shared/assets/icons/person-icon.webp';
 import planetIcon from '@/shared/assets/icons/planet.webp';
+import { ImageType } from '@/shared/ui/image/image';
 import { LinkCustom } from '@/shared/ui/link-custom';
-import { type CourseNamesChannels, DISCORD_LINKS } from 'data';
+import { COURSE_TITLES, type CourseName, DISCORD_LINKS } from 'data';
 
 type AboutInfo = {
   id: number;
   title: string;
   info: string | ReactNode;
-  icon: string;
+  icon: ImageType;
 };
 
 type ContentMap = {
-  [key in CourseNamesChannels]: AboutInfo[];
+  [key in CourseName]: AboutInfo[];
 };
 
 const angularNodejsAwsFundamentals: (course: string) => AboutInfo[] = () => [
@@ -176,7 +177,7 @@ const reactEn: AboutInfo[] = javaScriptEN().map((item) => {
         <p>
           Throughout the course, we mostly use
           {' '}
-          <LinkCustom href={DISCORD_LINKS['react']} external>
+          <LinkCustom href={DISCORD_LINKS[COURSE_TITLES.REACT]} external>
             Discord chat
           </LinkCustom>
           .
@@ -235,14 +236,14 @@ const reactRuAbout: AboutInfo[] = [
 ];
 
 export const contentMapAbout: ContentMap = {
-  'js / front-end ru': javaScriptRU(),
-  'js / front-end en': javaScriptEN(),
-  'js / front-end pre-school ru': javaScriptPreSchoolRU(),
-  react: reactEn,
-  'react ru': reactRuAbout,
-  angular: angularNodejsAwsFundamentals('angular'),
-  'node.js': angularNodejsAwsFundamentals('node.js'),
-  'aws fundamentals': angularNodejsAwsFundamentals('aws fundamentals'),
-  'aws cloud dev': awsCloudDeveloper,
-  'aws devops': awsDevops,
+  [COURSE_TITLES.JS_RU]: javaScriptRU(),
+  [COURSE_TITLES.JS_EN]: javaScriptEN(),
+  [COURSE_TITLES.JS_PRESCHOOL_RU]: javaScriptPreSchoolRU(),
+  [COURSE_TITLES.REACT]: reactEn,
+  [`${COURSE_TITLES.REACT} ru`]: reactRuAbout,
+  [COURSE_TITLES.ANGULAR]: angularNodejsAwsFundamentals('angular'),
+  [COURSE_TITLES.NODE]: angularNodejsAwsFundamentals('node.js'),
+  [COURSE_TITLES.AWS_FUNDAMENTALS]: angularNodejsAwsFundamentals('aws fundamentals'),
+  [COURSE_TITLES.AWS_CLOUD_DEVELOPER]: awsCloudDeveloper,
+  [COURSE_TITLES.AWS_DEVOPS]: awsDevops,
 };

dev-data/communication.data.ts

@@ -1,17 +1,2 @@
 export const RS_DOCS_COMMUNICATION_LINK = 'https://docs.rs.school/#/rs-school-chats';
 export const RS_DOCS_TELEGRAM_CHATS_LINK = 'https://docs.rs.school/#/rs-school-chats?id=telegram';
-
-export const DISCORD_LINKS = {
-  'js / front-end ru': 'https://discord.com/invite/QvEYg7EaQ4',
-  'js / front-end en': 'https://discord.com/invite/uW5cCHR',
-  'js / front-end pre-school ru': 'https://discord.com/invite/gFnRh8Sudg',
-  react: 'https://discord.com/invite/zyRcphs3px',
-  'react ru': 'https://discord.com/invite/zyRcphs3px',
-  angular: 'https://discord.com/invite/xwReXYqvs7',
-  'node.js': 'https://discord.com/invite/8BFb8va',
-  'aws fundamentals': 'https://discord.com/invite/WEZxwRa4J6',
-  'aws cloud dev': 'https://discord.com/invite/WEZxwRa4J6',
-  'aws devops': 'https://discord.com/invite/WEZxwRa4J6',
-};
-
-export type CourseNamesChannels = keyof typeof DISCORD_LINKS;

dev-data/courseTitles.data.ts

@@ -1,3 +1,5 @@
+import { Course } from '@/widgets/required/required.types';
+
 export const COURSE_TITLES = {
   JS_PRESCHOOL_RU: 'JS / Front-end Pre-school RU',
   JS_EN: 'JS / Front-end EN',
@@ -9,3 +11,24 @@ export const COURSE_TITLES = {
   AWS_CLOUD_DEVELOPER: 'AWS Cloud Developer',
   AWS_DEVOPS: 'AWS DevOps',
 };
+
+export type CourseName =
+  | (typeof COURSE_TITLES)[keyof typeof COURSE_TITLES]
+  | `${(typeof COURSE_TITLES)[keyof typeof COURSE_TITLES]} ru`
+  | `${(typeof COURSE_TITLES)[keyof typeof COURSE_TITLES]} badge`;
+
+export type CourseMap = {
+  [courseName in CourseName]: Course;
+};
+
+export const DISCORD_LINKS: Record<(typeof COURSE_TITLES)[keyof typeof COURSE_TITLES], string> = {
+  [COURSE_TITLES.JS_PRESCHOOL_RU]: 'https://discord.com/invite/gFnRh8Sudg',
+  [COURSE_TITLES.JS_EN]: 'https://discord.com/invite/uW5cCHR',
+  [COURSE_TITLES.JS_RU]: 'https://discord.com/invite/QvEYg7EaQ4',
+  [COURSE_TITLES.REACT]: 'https://discord.com/invite/zyRcphs3px',
+  [COURSE_TITLES.ANGULAR]: 'https://discord.com/invite/xwReXYqvs7',
+  [COURSE_TITLES.NODE]: 'https://discord.com/invite/8BFb8va',
+  [COURSE_TITLES.AWS_FUNDAMENTALS]: 'https://discord.com/invite/WEZxwRa4J6',
+  [COURSE_TITLES.AWS_CLOUD_DEVELOPER]: 'https://discord.com/invite/WEZxwRa4J6',
+  [COURSE_TITLES.AWS_DEVOPS]: 'https://discord.com/invite/WEZxwRa4J6',
+};

dev-data/courses-data.types.ts

@@ -1,4 +1,5 @@
 import type { Course } from '@/entities/course';
+import { ImageType } from '@/shared/ui/image/image';
 import { type ListData } from '@/shared/ui/list';
 
 export type DataMap = {
@@ -14,7 +15,7 @@ export interface JSPath {
   id: number;
   title: string;
   description: string;
-  imageSrc: string;
+  imageSrc: ImageType;
   topics?: string[];
   list?: ListData;
   marked?: boolean;
@@ -26,7 +27,7 @@ export interface CoursesPath {
   id: number;
   title: string;
   description: string;
-  logoIcon: string;
+  logoIcon: ImageType;
   links: {
     linkTitle: string;
     href: string;

dev-data/courses-path.data.ts

@@ -1,5 +1,5 @@
 import { type CoursesPath } from './courses-data.types';
-import { ROUTES } from '@/app/const';
+import { ROUTES } from '@/core/const';
 import AWSDeveloperIcon from '@/shared/assets/icons/aws-developer.webp';
 import AWSFundamentalsIcon from '@/shared/assets/icons/aws-fundamentals.webp';
 import HTMLIcon from '@/shared/assets/icons/html.webp';

dev-data/courses.data.ts

@@ -1,4 +1,4 @@
-import { ROUTES } from '@/app/const';
+import { ROUTES } from '@/core/const';
 import type { Course } from '@/entities/course';
 import angularSecondary from '@/shared/assets/icons/angular-secondary.webp';
 import angular from '@/shared/assets/icons/angular.svg';

dev-data/hero-page.data.ts

@@ -5,7 +5,11 @@ export const heroPageData = {
     mainTitle: 'RS School',
     widgetTitle: 'Connecting people, growing together, having fun',
     subTitle: ['Free courses. High motivation'],
-    heroImageSrc: '',
+    heroImageSrc: {
+      src: '',
+      height: 0,
+      width: 0,
+    },
     imageAltText: '',
   },
   courses: {
@@ -19,7 +23,11 @@ export const heroPageData = {
     mainTitle: 'The Rolling Scopes',
     widgetTitle: 'Connecting people, growing together, having fun',
     subTitle: ['an international community of developers', 'since 2013'],
-    heroImageSrc: '',
+    heroImageSrc: {
+      src: '',
+      height: 0,
+      width: 0,
+    },
     imageAltText: '',
   },
 };

dev-data/index.ts

@@ -1,19 +1,14 @@
 export type { AngularAwsPath, CoursesPath, DataMap, JSPath } from './courses-data.types';
-export { COURSE_TITLES } from './courseTitles.data';
-export { type CourseNames, contentMap } from './training-program.data';
-export {
-  type CourseNamesChannels,
-  DISCORD_LINKS,
-  RS_DOCS_COMMUNICATION_LINK,
-  RS_DOCS_TELEGRAM_CHATS_LINK,
-} from './communication.data';
+export { COURSE_TITLES, type CourseMap, type CourseName, DISCORD_LINKS } from './courseTitles.data';
+export { RS_DOCS_COMMUNICATION_LINK, RS_DOCS_TELEGRAM_CHATS_LINK } from './communication.data';
 export { angular } from './angular.data';
 export { angularPath } from './angular-path.data';
 export { awsDev } from './awsDev.data';
 export { awsDevPath } from './aws-dev-path.data';
 export { awsDevops } from './aws-devops.data';
 export { awsFundamentals } from './awsFundamentals.data';
 export { communicationText } from './widget-communication.data';
+export { contentMap } from './training-program.data';
 export { contentMapAbout } from './about.data';
 export { courseDataMap } from './required.data';
 export { courses } from './courses.data';

dev-data/js-path.data.ts

@@ -37,8 +37,7 @@ export const jsPath: JSPath[] = [
     description:
       'Learning either React or Angular Framework (the choice belongs to the student). To enroll, you need to successfully complete two stages of training. Format: mentoring, self-study, webinars, and communication on Discord. Practical sessions are reviewed and evaluated by mentors, as well as through cross-checking methods. Throughout the training, mock interviews are conducted with different mentors.',
     imageSrc: stage3,
-    list:
-    [
+    list: [
       'Choose a Framework: React or Angular.',
       'Collaborative development of a final project.',
       'Framework-based interviews.',

dev-data/required.data.ts

@@ -1,7 +1,7 @@
-import type { CourseMap } from '@/widgets/required/required.types';
+import { COURSE_TITLES, CourseMap } from './courseTitles.data';
 
 export const courseDataMap: CourseMap = {
-  'js / front-end en': {
+  [COURSE_TITLES.JS_EN]: {
     title: 'What you should know before starting',
     knowBefore: {
       title: 'Required before the start',
@@ -78,7 +78,7 @@ export const courseDataMap: CourseMap = {
       },
     ],
   },
-  'js / front-end ru': {
+  [COURSE_TITLES.JS_RU]: {
     title: 'Что нужно знать до начала',
     knowBefore: {
       title: 'Требуется до начала',
@@ -155,7 +155,7 @@ export const courseDataMap: CourseMap = {
       },
     ],
   },
-  'js / front-end pre-school ru': {
+  [COURSE_TITLES.JS_PRESCHOOL_RU]: {
     title: 'Что следует сделать до старта курса',
     willLearn: [
       {
@@ -259,7 +259,7 @@ export const courseDataMap: CourseMap = {
       },
     ],
   },
-  awsFundamentals: {
+  [COURSE_TITLES.AWS_FUNDAMENTALS]: {
     title: 'What you should know before starting',
     knowBefore: {
       title: 'Required before the start',
@@ -282,7 +282,7 @@ export const courseDataMap: CourseMap = {
       },
     ],
   },
-  awsDev: {
+  [COURSE_TITLES.AWS_CLOUD_DEVELOPER]: {
     title: 'What you should know before starting',
     knowBefore: {
       title: 'Required before the start',
@@ -294,15 +294,15 @@ export const courseDataMap: CourseMap = {
     },
     willLearn: [],
   },
-  nodejs: {
+  [COURSE_TITLES.NODE]: {
     title: 'What you should know before starting',
     knowBefore: {
       title: 'Required before the start',
       description: ['Solid knowledge of JavaScript, including ES6, is required for this course.'],
     },
     willLearn: [],
   },
-  angular: {
+  [COURSE_TITLES.ANGULAR]: {
     title: 'What you should know before starting',
     knowBefore: {
       title: 'Required before the start',
@@ -316,7 +316,7 @@ export const courseDataMap: CourseMap = {
     },
     willLearn: [],
   },
-  awsDevops: {
+  [COURSE_TITLES.AWS_DEVOPS]: {
     title: 'What is required for training?',
     knowBefore: {
       title: 'Required before the start',
@@ -332,9 +332,7 @@ export const courseDataMap: CourseMap = {
     willLearn: [
       {
         title: 'Nice to have:',
-        description: [
-          'Knowledge and experience with any cloud platforms (AWS, GCP, Azure)',
-        ],
+        description: ['Knowledge and experience with any cloud platforms (AWS, GCP, Azure)'],
       },
     ],
   },