Deployment prepare
This commit is contained in:
Berkan Güzel
parent
8b40f4a5c0
commit
b626df78b2
|
|
@ -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
27
README.md
|
|
@ -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.
|
|
||||||
|
|
|
||||||
149
app/page.tsx
149
app/page.tsx
|
|
@ -22,81 +22,84 @@ 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">
|
||||||
<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">
|
<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-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 src={niLogo} alt={""} width={48} height={48} />
|
<Image
|
||||||
|
src={netinternet}
|
||||||
|
alt={""}
|
||||||
|
priority={false}
|
||||||
|
loading="lazy"
|
||||||
|
width={200}
|
||||||
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
</button>
|
</div>
|
||||||
</div>
|
<div className="items-center flex justify-center text-white pt-4 pb-2 sm:pt-8 gap-x-6">
|
||||||
<div className="flex text-center p-12 md:p-8 justify-center justify-items-center">
|
<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://netinternet.com.tr"} aria-label="Netinternet">
|
<Link href={"https://twitter.com/netinternet"} aria-label="Twitter"><BsTwitterX className="w-6 h-6 sm:w-8 sm:h-8" /></Link>
|
||||||
<Image
|
<Link href={"https://www.instagram.com/netinternet/"} aria-label="Instagram"><FaInstagram className="w-6 h-6 sm:w-8 sm:h-8" /></Link>
|
||||||
src={netinternet}
|
<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>
|
||||||
alt={""}
|
<Link href={"https://github.com/netinternet"} aria-label="GitHub"><FaGithub className="w-6 h-6 sm:w-8 sm:h-8" /></Link>
|
||||||
priority={false}
|
</div>
|
||||||
loading="lazy"
|
<div className="flex flex-wrap w-full justify-center pt-4 sm:pt-8">
|
||||||
width={240} />
|
<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>
|
<BsRouter className="left-[5%] absolute w-6 h-6" />
|
||||||
</div>
|
<Link href={"https://www.netinternet.com.tr/altyapi-sorgula"}>
|
||||||
<div className="items-center flex justify-center text-white pt-2 gap-x-6">
|
<h1>İnternet</h1>
|
||||||
<Link href={"https://www.facebook.com/netinternet"} aria-label="Facebook"><FaFacebook className="w-8 h-8" /></Link>
|
</Link>
|
||||||
<Link href={"https://twitter.com/netinternet"} aria-label="Twitter"><BsTwitterX className="w-8 h-8" /></Link>
|
</button>
|
||||||
<Link href={"https://www.instagram.com/netinternet/"} aria-label="Instagram"><FaInstagram className="w-8 h-8" /></Link>
|
<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.linkedin.com/company/netinternet"} aria-label="LinkedIn"><FaLinkedin className="w-8 h-8" /></Link>
|
<BsHddNetwork className="left-[5%] absolute w-6 h-6" />
|
||||||
<Link href={"https://github.com/netinternet"} aria-label="GitHub"><FaGithub className="w-8 h-8" /></Link>
|
<Link href={"https://www.netinternet.com.tr/sunucu-barindirma"}>
|
||||||
</div>
|
Veri Merkezi
|
||||||
<div className="flex flex-wrap w-full justify-center pt-12">
|
</Link>
|
||||||
<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>
|
||||||
<BsRouter className="left-[5%] absolute w-6 h-6" />
|
<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/altyapi-sorgula"}>
|
<Link href={"https://www.netinternet.com.tr/waf-hizmeti"}>
|
||||||
<h1>İnternet</h1>
|
<div className="absolute w-6 h-6 left-[5%]">
|
||||||
</Link>
|
<Image src={waf} alt="" fill />
|
||||||
</button>
|
</div>
|
||||||
<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">
|
Heimwall
|
||||||
<BsHddNetwork className="left-[5%] absolute w-6 h-6" />
|
</Link>
|
||||||
<Link href={"https://www.netinternet.com.tr/sunucu-barindirma"}>
|
</button>
|
||||||
Veri Merkezi
|
<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>
|
<Link href={"https://www.ilkbyte.com"}>
|
||||||
</button>
|
<IoMdCloudOutline className="left-[5%] absolute w-6 h-6" />
|
||||||
<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">
|
İlkbyte
|
||||||
<Link href={"https://www.netinternet.com.tr/waf-hizmeti"}>
|
</Link>
|
||||||
<div className="absolute w-6 h-6 left-[5%]">
|
</button>
|
||||||
<Image src={waf} alt="" fill />
|
<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">
|
||||||
</div>
|
<Link href={"https://www.netinternet.com.tr/hosting/cpanel"}>
|
||||||
Heimwall
|
<CgServer className="left-[5%] absolute w-6 h-6" />
|
||||||
</Link>
|
Hosting
|
||||||
</button>
|
</Link>
|
||||||
<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>
|
||||||
<Link href={"https://www.ilkbyte.com"}>
|
<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">
|
||||||
<IoMdCloudOutline className="left-[5%] absolute w-6 h-6" />
|
<Link href={"https://www.netinternet.com.tr/domain"}>
|
||||||
İlkbyte
|
<TbWorldWww className="left-[5%] absolute w-6 h-6" />
|
||||||
</Link>
|
Alan Adı
|
||||||
</button>
|
</Link>
|
||||||
<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>
|
||||||
<Link href={"https://www.netinternet.com.tr/hosting/cpanel"}>
|
<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">
|
||||||
<CgServer className="left-[5%] absolute w-6 h-6" />
|
<Link href={"https://www.netinternet.com.tr/ssd-vds-sanal-sunucu"}>
|
||||||
Hosting
|
<HiOutlineServerStack className="left-[5%] absolute w-6 h-6" />
|
||||||
</Link>
|
SSD VDS Sunucu
|
||||||
</button>
|
</Link>
|
||||||
<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>
|
||||||
<Link href={"https://www.netinternet.com.tr/domain"}>
|
<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">
|
||||||
<TbWorldWww className="left-[5%] absolute w-6 h-6" />
|
<Link href={"https://www.netinternet.com.tr/campaigns"}>
|
||||||
Alan Adı
|
<MdCampaign className="left-[5%] absolute w-6 h-6" />
|
||||||
</Link>
|
Kampanyalar
|
||||||
</button>
|
</Link>
|
||||||
<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>
|
||||||
<Link href={"https://www.netinternet.com.tr/ssd-vds-sanal-sunucu"}>
|
</div>
|
||||||
<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">
|
|
||||||
<Link href={"https://www.netinternet.com.tr/campaigns"}>
|
|
||||||
<MdCampaign className="left-[5%] absolute w-6 h-6" />
|
|
||||||
Kampanyalar
|
|
||||||
</Link>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div >
|
</div >
|
||||||
</BackgroundGradientAnimation >
|
</BackgroundGradientAnimation >
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
@ -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
|
||||||
|
|
@ -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",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue