cybeag
/
ni-link
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Deployment prepare

This commit is contained in:
Berkan Güzel 2024-04-20 02:20:52 +03:00
parent 8b40f4a5c0
commit b626df78b2
7 changed files with 111 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
Dockerfile Normal file
View File

@ -0,0 +1,9 @@
FROM oven/bun:alpine
WORKDIR /app
COPY package.json package-lock.json ./
RUN bun install
COPY . .
RUN bun run build
EXPOSE 2020
CMD ["bun", "start", "-p", "2020"]

27
README.md
View File

@ -1,8 +1,4 @@
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). ## Sosyal Medya Bio Sayfası
## Getting Started
First, run the development server:
```bash ```bash
npm run dev npm run dev
@ -13,24 +9,3 @@ pnpm dev
# or # or
bun dev bun dev
``` ```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

39
app/page.tsx
View File

@ -22,44 +22,46 @@ export default function Home() {
<> <>
<BackgroundGradientAnimation> <BackgroundGradientAnimation>
<div className="absolute z-50 inset-0 h-screen w-screen bg-black bg-opacity-50 overflow-hidden"> <div className="absolute z-50 inset-0 h-screen w-screen bg-black bg-opacity-50 overflow-hidden">
<div className="flex justify-center text-center pt-12 md:pt-8"> <div className="absolute z-0 flex flex-col items-center justify-center justify-items-center h-screen w-screen">
<div className="flex justify-center text-center pt-4 sm:pt-8">
<button className="inline-flex h-16 w-16 px-4 animate-shimmer items-center justify-center rounded-full border border-slate-800 bg-[linear-gradient(110deg,#000103,45%,#1e2631,55%,#000103)] bg-[length:200%_100%] font-medium text-slate-400 transition-colors focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50"> <button className="inline-flex h-16 w-16 px-4 animate-shimmer items-center justify-center rounded-full border border-slate-800 bg-[linear-gradient(110deg,#000103,45%,#1e2631,55%,#000103)] bg-[length:200%_100%] font-medium text-slate-400 transition-colors focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50">
<Link href={"https://netinternet.com.tr"} aria-label="Netinternet"> <Link href={"https://netinternet.com.tr"} aria-label="Netinternet">
<Image src={niLogo} alt={""} width={48} height={48} /> <Image src={niLogo} alt={""} width={48} height={48} />
</Link> </Link>
</button> </button>
</div> </div>
<div className="flex text-center p-12 md:p-8 justify-center justify-items-center"> <div className="flex text-center p-4 sm:pt-8 justify-center justify-items-center">
<Link href={"https://netinternet.com.tr"} aria-label="Netinternet"> <Link href={"https://netinternet.com.tr"} aria-label="Netinternet">
<Image <Image
src={netinternet} src={netinternet}
alt={""} alt={""}
priority={false} priority={false}
loading="lazy" loading="lazy"
width={240} /> width={200}
/>
</Link> </Link>
</div> </div>
<div className="items-center flex justify-center text-white pt-2 gap-x-6"> <div className="items-center flex justify-center text-white pt-4 pb-2 sm:pt-8 gap-x-6">
<Link href={"https://www.facebook.com/netinternet"} aria-label="Facebook"><FaFacebook className="w-8 h-8" /></Link> <Link href={"https://www.facebook.com/netinternet"} aria-label="Facebook"><FaFacebook className="w-6 h-6 sm:w-8 sm:h-8" /></Link>
<Link href={"https://twitter.com/netinternet"} aria-label="Twitter"><BsTwitterX className="w-8 h-8" /></Link> <Link href={"https://twitter.com/netinternet"} aria-label="Twitter"><BsTwitterX className="w-6 h-6 sm:w-8 sm:h-8" /></Link>
<Link href={"https://www.instagram.com/netinternet/"} aria-label="Instagram"><FaInstagram className="w-8 h-8" /></Link> <Link href={"https://www.instagram.com/netinternet/"} aria-label="Instagram"><FaInstagram className="w-6 h-6 sm:w-8 sm:h-8" /></Link>
<Link href={"https://www.linkedin.com/company/netinternet"} aria-label="LinkedIn"><FaLinkedin className="w-8 h-8" /></Link> <Link href={"https://www.linkedin.com/company/netinternet"} aria-label="LinkedIn"><FaLinkedin className="w-6 h-6 sm:w-8 sm:h-8" width={8} height={8} /></Link>
<Link href={"https://github.com/netinternet"} aria-label="GitHub"><FaGithub className="w-8 h-8" /></Link> <Link href={"https://github.com/netinternet"} aria-label="GitHub"><FaGithub className="w-6 h-6 sm:w-8 sm:h-8" /></Link>
</div> </div>
<div className="flex flex-wrap w-full justify-center pt-12"> <div className="flex flex-wrap w-full justify-center pt-4 sm:pt-8">
<button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200"> <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
<BsRouter className="left-[5%] absolute w-6 h-6" /> <BsRouter className="left-[5%] absolute w-6 h-6" />
<Link href={"https://www.netinternet.com.tr/altyapi-sorgula"}> <Link href={"https://www.netinternet.com.tr/altyapi-sorgula"}>
<h1>İnternet</h1> <h1>İnternet</h1>
</Link> </Link>
</button> </button>
<button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200"> <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
<BsHddNetwork className="left-[5%] absolute w-6 h-6" /> <BsHddNetwork className="left-[5%] absolute w-6 h-6" />
<Link href={"https://www.netinternet.com.tr/sunucu-barindirma"}> <Link href={"https://www.netinternet.com.tr/sunucu-barindirma"}>
Veri Merkezi Veri Merkezi
</Link> </Link>
</button> </button>
<button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200"> <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
<Link href={"https://www.netinternet.com.tr/waf-hizmeti"}> <Link href={"https://www.netinternet.com.tr/waf-hizmeti"}>
<div className="absolute w-6 h-6 left-[5%]"> <div className="absolute w-6 h-6 left-[5%]">
<Image src={waf} alt="" fill /> <Image src={waf} alt="" fill />
@ -67,37 +69,38 @@ export default function Home() {
Heimwall Heimwall
</Link> </Link>
</button> </button>
<button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200"> <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
<Link href={"https://www.ilkbyte.com"}> <Link href={"https://www.ilkbyte.com"}>
<IoMdCloudOutline className="left-[5%] absolute w-6 h-6" /> <IoMdCloudOutline className="left-[5%] absolute w-6 h-6" />
İlkbyte İlkbyte
</Link> </Link>
</button> </button>
<button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200"> <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
<Link href={"https://www.netinternet.com.tr/hosting/cpanel"}> <Link href={"https://www.netinternet.com.tr/hosting/cpanel"}>
<CgServer className="left-[5%] absolute w-6 h-6" /> <CgServer className="left-[5%] absolute w-6 h-6" />
Hosting Hosting
</Link> </Link>
</button> </button>
<button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200"> <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
<Link href={"https://www.netinternet.com.tr/domain"}> <Link href={"https://www.netinternet.com.tr/domain"}>
<TbWorldWww className="left-[5%] absolute w-6 h-6" /> <TbWorldWww className="left-[5%] absolute w-6 h-6" />
Alan Adı Alan Adı
</Link> </Link>
</button> </button>
<button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200"> <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
<Link href={"https://www.netinternet.com.tr/ssd-vds-sanal-sunucu"}> <Link href={"https://www.netinternet.com.tr/ssd-vds-sanal-sunucu"}>
<HiOutlineServerStack className="left-[5%] absolute w-6 h-6" /> <HiOutlineServerStack className="left-[5%] absolute w-6 h-6" />
SSD VDS Sunucu SSD VDS Sunucu
</Link> </Link>
</button> </button>
<button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200"> <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
<Link href={"https://www.netinternet.com.tr/campaigns"}> <Link href={"https://www.netinternet.com.tr/campaigns"}>
<MdCampaign className="left-[5%] absolute w-6 h-6" /> <MdCampaign className="left-[5%] absolute w-6 h-6" />
Kampanyalar Kampanyalar
</Link> </Link>
</button> </button>
</div> </div>
</div>
</div > </div >
</BackgroundGradientAnimation > </BackgroundGradientAnimation >
</> </>

BIN
bun.lockb
View File

Binary file not shown.

11
deploy.sh Normal file
View File

@ -0,0 +1,11 @@
#!/bin/bash
host="app1.ni.net.tr"
app="ni-link"
copy="./"
ssh root@$host "mkdir -p /home/$app"
rsync -avz --delete $copy root@$host:/home/$app/
ssh root@$host "docker-compose down $app && docker rmi ni-link-web"
ssh root@$host "cd /home/$app; docker-compose up -d"

13
docker-compose.yml Normal file
View File

@ -0,0 +1,13 @@
version: "3"
services:
web:
container_name: ni-link
build:
context: .
dockerfile: Dockerfile
ports:
- "2020:2020"
environment:
- NODE_ENV=production
restart: on-failure

2
package.json
View File

@ -13,7 +13,7 @@
"@tabler/icons-react": "^3.2.0", "@tabler/icons-react": "^3.2.0",
"clsx": "^2.1.0", "clsx": "^2.1.0",
"framer-motion": "^11.1.3", "framer-motion": "^11.1.3",
"next": "14.2.1", "next": "^14.2.2",
"react": "^18", "react": "^18",
"react-dom": "^18", "react-dom": "^18",
"react-element-to-jsx-string": "^15.0.0", "react-element-to-jsx-string": "^15.0.0",