add ityped, add strapi type generate plugin

This commit is contained in:
Schneider Roland
2025-01-11 18:07:12 +01:00
parent 85587489f5
commit ff905d0d65
9 changed files with 760 additions and 280 deletions

View File

@@ -13,12 +13,14 @@
"@types/bcrypt": "^5.0.2",
"@types/bcryptjs": "^2.4.6",
"@types/bootstrap": "^5.2.10",
"@types/ityped": "^1.0.3",
"@types/pg": "^8.11.10",
"aos": "^2.3.4",
"bcryptjs": "^2.4.3",
"bootstrap": "^4.6.2",
"clsx": "^2.1.1",
"dotenv": "^16.4.7",
"ityped": "^1.0.3",
"next": "15.1.3",
"pg": "^8.13.1",
"react": "^19.0.0",
@@ -1147,6 +1149,12 @@
"integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
"dev": true
},
"node_modules/@types/ityped": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/@types/ityped/-/ityped-1.0.3.tgz",
"integrity": "sha512-89dSbYe+TuNYRgw5stHSAlQ1ABp5Ca9UPw/yCvaFBUn6W7M2wG1XjivvohYCkOC2rIKCnSAjezIXe8oDmrJPew==",
"license": "MIT"
},
"node_modules/@types/json-schema": {
"version": "7.0.15",
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -3588,6 +3596,12 @@
"node": ">= 0.4"
}
},
"node_modules/ityped": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/ityped/-/ityped-1.0.3.tgz",
"integrity": "sha512-46Qnh3qs+6EJlWDHmvWRW6qiz5jFy2mkh9UvtTvQmLJMZIjKrdz4du68le7hLX4tAWCp6QTKiq/OuLv6huHxZg==",
"license": "MIT"
},
"node_modules/jquery": {
"version": "3.7.1",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",

View File

@@ -14,12 +14,14 @@
"@types/bcrypt": "^5.0.2",
"@types/bcryptjs": "^2.4.6",
"@types/bootstrap": "^5.2.10",
"@types/ityped": "^1.0.3",
"@types/pg": "^8.11.10",
"aos": "^2.3.4",
"bcryptjs": "^2.4.3",
"bootstrap": "^4.6.2",
"clsx": "^2.1.1",
"dotenv": "^16.4.7",
"ityped": "^1.0.3",
"next": "15.1.3",
"pg": "^8.13.1",
"react": "^19.0.0",

View File

@@ -11,6 +11,7 @@ import FooterComponent from "@/components/footer.component";
import SubscribeComponent from "@/components/subscribe.component";
import MainHeaderComponent from "@/components/mainHeaderComponent";
import BootstrapComponent from "@/components/bootstrap.component";
import ITypedComponent from "@/components/ityped.component";
export default function Home() {
return (
@@ -27,6 +28,7 @@ export default function Home() {
<FooterComponent />
<AosComponent />
<BootstrapComponent />
<ITypedComponent />
</>
);

View File

@@ -1,17 +1,18 @@
'use client'
import { useEffect} from "react";
import AOS from "aos";
import { init } from 'ityped'
const AosComponent = ( ) => {
const ITypedComponent = ( ) => {
useEffect(() => {
AOS.init({
duration: 1000,
offset: 120,
easing: 'ease-in-out'
init(document.querySelector('.ityped') as Element,{
strings: ['Body & Soul'],
typeSpeed: 150,
backSpeed: 150,
loop: true
})
}, []);
return (<></> );
}
export default AosComponent;
export default ITypedComponent;