From 55e7d47e5eef4b5e3cad5ff6487dc926d4ef3a3e Mon Sep 17 00:00:00 2001 From: LorenzoTettamanti Date: Sat, 26 Jul 2025 14:56:56 +0200 Subject: [PATCH 1/6] Platform migration: migrated from CRA framework to next.js --- .gitignore | 2 + ...SiteMapGenerator.js => SiteMapGenerator.js | 0 app/layout.js | 12 + app/page.jsx | 16 + .../Characters/Error404.jsx | 0 .../Characters/HammeringAnim.jsx | 0 .../Characters/HeroCharacter1.jsx | 0 .../Characters/HeroCharacter2.jsx | 0 .../Characters/HeroCharacter3.jsx | 0 components/Footer/footer.jsx | 186 + .../HomePage/Announcements.jsx | 0 .../HomePage/FeatureShow.jsx | 0 .../HomePage/hands_on.jsx | 14 +- .../HomePage/home.jsx | 26 +- .../HomePage/key_features.jsx | 79 +- .../HomePage/metadata_helmet.jsx | 6 +- .../HomePage/technology_features.jsx | 4 +- .../Pages/ErrorPage.jsx | 5 +- .../Pages/HomePage.jsx | 3 +- .../navbar/navabar.jsx | 18 +- eslint.config.mjs | 14 + jsconfig.json | 7 + next.config.mjs | 4 + package-lock.json | 22445 +++------------- package.json | 24 +- postcss.config.mjs | 5 + .../assets}/css/homepage.css | 110 +- .../assets/img/LorenzoBradanini.jpeg | Bin .../assets/img/cfcli_.webp | Bin .../assets/img/github.png | Bin .../assets/img/hero-bg.png | Bin .../components => public}/assets/img/logo.png | Bin .../assets/img/team-shape.svg | 0 .../assets/img/x-logo.png | Bin public/index.html | 88 - public/style.css | 1904 -- src/App.css | 38 - src/App.js | 12 - src/App.test.js | 8 - src/components/Footer/footer.jsx | 186 - src/components/Pages/Blog.jsx | 34 - src/components/Pages/InProgress.jsx | 27 - src/components/Router/Router.jsx | 22 - src/components/css/error404.css | 67 - src/index.css | 19 - src/index.js | 16 - src/reportWebVitals.js | 13 - src/setupTests.js | 5 - styles/style.css | 1612 ++ styles/tw-global.css | 7 + tailwind.config.js | 4 +- 51 files changed, 5756 insertions(+), 21286 deletions(-) rename src/SiteMapGenerator.js => SiteMapGenerator.js (100%) create mode 100644 app/layout.js create mode 100644 app/page.jsx rename {src/components => components}/Characters/Error404.jsx (100%) rename {src/components => components}/Characters/HammeringAnim.jsx (100%) rename {src/components => components}/Characters/HeroCharacter1.jsx (100%) rename {src/components => components}/Characters/HeroCharacter2.jsx (100%) rename {src/components => components}/Characters/HeroCharacter3.jsx (100%) create mode 100644 components/Footer/footer.jsx rename {src/components => components}/HomePage/Announcements.jsx (100%) rename {src/components => components}/HomePage/FeatureShow.jsx (100%) rename {src/components => components}/HomePage/hands_on.jsx (89%) rename {src/components => components}/HomePage/home.jsx (89%) rename {src/components => components}/HomePage/key_features.jsx (61%) rename {src/components => components}/HomePage/metadata_helmet.jsx (93%) rename {src/components => components}/HomePage/technology_features.jsx (98%) rename {src/components => components}/Pages/ErrorPage.jsx (88%) rename {src/components => components}/Pages/HomePage.jsx (71%) rename {src/components => components}/navbar/navabar.jsx (81%) create mode 100644 eslint.config.mjs create mode 100644 jsconfig.json create mode 100644 next.config.mjs create mode 100644 postcss.config.mjs rename {src/components => public/assets}/css/homepage.css (91%) rename {src/components => public}/assets/img/LorenzoBradanini.jpeg (100%) rename {src/components => public}/assets/img/cfcli_.webp (100%) rename {src/components => public}/assets/img/github.png (100%) rename {src/components => public}/assets/img/hero-bg.png (100%) rename {src/components => public}/assets/img/logo.png (100%) rename {src/components => public}/assets/img/team-shape.svg (100%) rename {src/components => public}/assets/img/x-logo.png (100%) delete mode 100644 public/index.html delete mode 100644 public/style.css delete mode 100644 src/App.css delete mode 100644 src/App.js delete mode 100644 src/App.test.js delete mode 100644 src/components/Footer/footer.jsx delete mode 100644 src/components/Pages/Blog.jsx delete mode 100644 src/components/Pages/InProgress.jsx delete mode 100644 src/components/Router/Router.jsx delete mode 100644 src/components/css/error404.css delete mode 100644 src/index.css delete mode 100644 src/index.js delete mode 100644 src/reportWebVitals.js delete mode 100644 src/setupTests.js create mode 100644 styles/style.css create mode 100644 styles/tw-global.css diff --git a/.gitignore b/.gitignore index 448863b..54a7f45 100644 --- a/.gitignore +++ b/.gitignore @@ -21,4 +21,6 @@ npm-debug.log* yarn-debug.log* yarn-error.log* +/.vscode +/.next diff --git a/src/SiteMapGenerator.js b/SiteMapGenerator.js similarity index 100% rename from src/SiteMapGenerator.js rename to SiteMapGenerator.js diff --git a/app/layout.js b/app/layout.js new file mode 100644 index 0000000..705d7b2 --- /dev/null +++ b/app/layout.js @@ -0,0 +1,12 @@ +export const metadata = { + title: 'CortexFlow - Open-source Container Networking Infrastructure and Monitoring Platform', + description: 'Generated by Next.js', +} + +export default function RootLayout({ children }) { + return ( + + {children} + + ) +} diff --git a/app/page.jsx b/app/page.jsx new file mode 100644 index 0000000..58cffb6 --- /dev/null +++ b/app/page.jsx @@ -0,0 +1,16 @@ +"use client"; +import React from "react"; +import HomePage from "../components/Pages/HomePage"; +import "../styles/style.css" + + +export default function Home() { + return ( + <> + {/*
+ +
*/} + + + ); +} diff --git a/src/components/Characters/Error404.jsx b/components/Characters/Error404.jsx similarity index 100% rename from src/components/Characters/Error404.jsx rename to components/Characters/Error404.jsx diff --git a/src/components/Characters/HammeringAnim.jsx b/components/Characters/HammeringAnim.jsx similarity index 100% rename from src/components/Characters/HammeringAnim.jsx rename to components/Characters/HammeringAnim.jsx diff --git a/src/components/Characters/HeroCharacter1.jsx b/components/Characters/HeroCharacter1.jsx similarity index 100% rename from src/components/Characters/HeroCharacter1.jsx rename to components/Characters/HeroCharacter1.jsx diff --git a/src/components/Characters/HeroCharacter2.jsx b/components/Characters/HeroCharacter2.jsx similarity index 100% rename from src/components/Characters/HeroCharacter2.jsx rename to components/Characters/HeroCharacter2.jsx diff --git a/src/components/Characters/HeroCharacter3.jsx b/components/Characters/HeroCharacter3.jsx similarity index 100% rename from src/components/Characters/HeroCharacter3.jsx rename to components/Characters/HeroCharacter3.jsx diff --git a/components/Footer/footer.jsx b/components/Footer/footer.jsx new file mode 100644 index 0000000..c1f8631 --- /dev/null +++ b/components/Footer/footer.jsx @@ -0,0 +1,186 @@ +import React from "react"; +import Link from "next/link"; +import { FaMedium, FaDev } from "react-icons/fa"; + +const Footer = () => { + return ( +
+
+
+
+ + + CortexFlow + + +
+
+
+

+ About us +

+
    +
  • + + Documentation + +
    • +
  • + + Examples + +
    • +
  • + + Use cases + +
    • +
+
+
+

+ Community +

+
    +
  • + + Issues + +
    • +
  • + + Pull Requests + +
    • +
  • + + Blog + +
    • +
  • + + Discussions + +
    • +
+
+
+

+ Info +

+
    +
  • + + License + +
    • +
  • + + Code of Conduct + +
    • +
  • + + Security + +
    • +
  • + + Contributing Guidelines + +
    • +
+
+
+
+
+
+ + © 2025{" "} + + CortexFlow + + . All Rights Reserved. + +
+ + + GitHub Repository + + + + Medium community + + + + dev.to community + +
+
+
+
+ ); +}; + +export default Footer; diff --git a/src/components/HomePage/Announcements.jsx b/components/HomePage/Announcements.jsx similarity index 100% rename from src/components/HomePage/Announcements.jsx rename to components/HomePage/Announcements.jsx diff --git a/src/components/HomePage/FeatureShow.jsx b/components/HomePage/FeatureShow.jsx similarity index 100% rename from src/components/HomePage/FeatureShow.jsx rename to components/HomePage/FeatureShow.jsx diff --git a/src/components/HomePage/hands_on.jsx b/components/HomePage/hands_on.jsx similarity index 89% rename from src/components/HomePage/hands_on.jsx rename to components/HomePage/hands_on.jsx index 306d922..21266b4 100644 --- a/src/components/HomePage/hands_on.jsx +++ b/components/HomePage/hands_on.jsx @@ -1,5 +1,5 @@ import React from "react"; -import { Link } from "react-router-dom"; +import Link from "next/link"; const HandsOn = () => { return ( @@ -9,8 +9,10 @@ const HandsOn = () => {
-

+

Get started with CortexFlow

@@ -34,13 +36,13 @@ const HandsOn = () => {
Read crates.io @@ -69,7 +71,7 @@ const HandsOn = () => { " > diff --git a/src/components/HomePage/home.jsx b/components/HomePage/home.jsx similarity index 89% rename from src/components/HomePage/home.jsx rename to components/HomePage/home.jsx index 8207fca..4a6d556 100644 --- a/src/components/HomePage/home.jsx +++ b/components/HomePage/home.jsx @@ -1,3 +1,5 @@ +'use client'; + import React, { useEffect, useState, useRef } from "react"; import "bootstrap/dist/css/bootstrap.min.css"; @@ -6,10 +8,10 @@ import "aos/dist/aos.css"; import "glightbox/dist/css/glightbox.min.css"; import AOS from "aos"; // Importa AOS -import githubLogo from "../assets/img/github.png"; +import githubLogo from "../../public/assets/img/github.png"; import Character1 from "../Characters/HeroCharacter1"; -import "../css/homepage.css"; +import "../../public/assets/css/homepage.css" import Footer from "../Footer/footer"; import Navbar from "../navbar/navabar"; @@ -26,10 +28,10 @@ const Homepg = () => { const typedRef = useRef(null); // Referenza per il DOM di Typed.js const components = [ -
+
, -
+
, ]; @@ -84,9 +86,9 @@ const Homepg = () => { md:mt-4 md:px-6" >
-
+

{ CortexFlow

{ Platform

{ " > GitHub Logo { )}

{components[currentComponent]} @@ -201,11 +203,11 @@ const Homepg = () => {
-
+
-
+