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

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"]

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).
## Getting Started
First, run the development server:
## Sosyal Medya Bio Sayfası
```bash
npm run dev
@ -13,24 +9,3 @@ pnpm dev
# or
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.

View File

@ -22,44 +22,46 @@ export default function Home() {
<>
<BackgroundGradientAnimation>
<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">
<Link href={"https://netinternet.com.tr"} aria-label="Netinternet">
<Image src={niLogo} alt={""} width={48} height={48} />
</Link>
</button>
</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">
<Image
src={netinternet}
alt={""}
priority={false}
loading="lazy"
width={240} />
width={200}
/>
</Link>
</div>
<div className="items-center flex justify-center text-white pt-2 gap-x-6">
<Link href={"https://www.facebook.com/netinternet"} aria-label="Facebook"><FaFacebook className="w-8 h-8" /></Link>
<Link href={"https://twitter.com/netinternet"} aria-label="Twitter"><BsTwitterX className="w-8 h-8" /></Link>
<Link href={"https://www.instagram.com/netinternet/"} aria-label="Instagram"><FaInstagram className="w-8 h-8" /></Link>
<Link href={"https://www.linkedin.com/company/netinternet"} aria-label="LinkedIn"><FaLinkedin className="w-8 h-8" /></Link>
<Link href={"https://github.com/netinternet"} aria-label="GitHub"><FaGithub className="w-8 h-8" /></Link>
<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-6 h-6 sm:w-8 sm: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-6 h-6 sm:w-8 sm: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-6 h-6 sm:w-8 sm:h-8" /></Link>
</div>
<div className="flex flex-wrap w-full justify-center pt-12">
<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">
<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-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" />
<Link href={"https://www.netinternet.com.tr/altyapi-sorgula"}>
<h1>İnternet</h1>
</Link>
</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" />
<Link href={"https://www.netinternet.com.tr/sunucu-barindirma"}>
Veri Merkezi
</Link>
</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"}>
<div className="absolute w-6 h-6 left-[5%]">
<Image src={waf} alt="" fill />
@ -67,37 +69,38 @@ export default function Home() {
Heimwall
</Link>
</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"}>
<IoMdCloudOutline className="left-[5%] absolute w-6 h-6" />
İlkbyte
</Link>
</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"}>
<CgServer className="left-[5%] absolute w-6 h-6" />
Hosting
</Link>
</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"}>
<TbWorldWww className="left-[5%] absolute w-6 h-6" />
Alan Adı
</Link>
</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"}>
<HiOutlineServerStack className="left-[5%] absolute w-6 h-6" />
SSD VDS Sunucu
</Link>
</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"}>
<MdCampaign className="left-[5%] absolute w-6 h-6" />
Kampanyalar
</Link>
</button>
</div>
</div>
</div >
</BackgroundGradientAnimation >
</>

BIN
bun.lockb

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

View File

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