برنامه نویسی

صفحات React + Next.js + tailwind Github

ek3nk4r 2024-07-07

0 6 خواندن این مطلب 1 دقیقه زمان میبرد

پیشنهاد ویژه

خرید فالوور واقعی خرید لایک اینستاگرام خرید ویو اینستاگرام خرید فالوور اینستاگرام

فهرست مطالب

مرحله 1. پروژه Next.js خود را راه اندازی کنید

1-0. پروژه Next.js خود را راه اندازی کنید:

$ npx create-next-app@latest

1-1. دامنه داشت

$ cd my_project_directory
$ echo -e 'sidcode.me' > public/CNAME
$ cat public/CNAME         
sidcode.me

1-2. به روز رسانی next.config.js یا next.config.mjs

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'export',
  images: {
    unoptimized: true,
  },
  reactStrictMode: true,
  assetPrefix: '.',
};

export default nextConfig;

1-3. به روز رسانی postcss.config.js یا postcss.config.mjs

/** @type {import('postcss-load-config').Config} */
const config = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
};

export default config;

1-3-1. نصب خودکار پیشوند

 $ npm install autoprefixer --save-dev

1-4. Github

git init
git add .
git commit -m "Initial commit"
git remote add origin https://id>:@github.com//.git
git push -u origin master

مرحله 2: استقرار در صفحات GitHub

2-1. نصب gh-pages: را نصب کنید gh-pages بسته برای کمک به استقرار برنامه شما:

$ npm install --save-dev gh-pages

2-2. به روز رسانی package.json: اسکریپت های زیر را به خود اضافه کنید package.json:

  "scripts": {
    "dev": "next dev",
    "start": "next start",
    "lint": "next lint",
    "build": "next build",
    "deploy": "touch out/.nojekyll && gh-pages -d out -t true",
    "deploy-npm": "npm run build && npm run deploy"
  },

//    "deploy": "gh-pages -d out -f" // one time force / 안될때 1회성