tailnext

Tailnext

Tailnext adalah templat sumber terbuka dan terbuka untuk membuat situs web Anda menggunakan NextJS + Tailwind CSS . Siap memulai proyek baru dan dirancang dengan mempertimbangkan praktik terbaik.

Fitur

• ✅ Integrasi dengan CSS Tailwind Mendukung Mode Gelap .
• ✅ Skor siap-produksi di Mercusuar dan Laporan Wawasan Halaman.
• ✅ Optimalisasi gambar dan optimasi font .
• ✅ Blog ramah dan seo .
• ✅ Generasi Proyek Sitemap dan Robots.txt berdasarkan rute Anda.

Daftar isi

• Demo
• Memulai
  • Struktur proyek
  • Perintah
  • Konfigurasi
  • Menyebarkan
• Peta jalan
• Berkontribusi
• Ucapan Terima Kasih
• Lisensi

Demo

? https://tailnext.vercel.app/

Memulai

• Klon: git clone https://github.com/onwidget/tailnext.git
• Masukkan direktori: cd tailnext
• Instal Ketergantungan: npm install
• Mulailah server pengembangan: npm run dev
• Lihat Proyek di Lingkungan Lokal: localhost:3000

Struktur proyek

Inside Tailnext Template, Anda akan melihat folder dan file berikut:

 /
├── .storybook/
├── app/
│   ├── (blog)
│   │   ├── [slug]
|   |   |   └── page.js
|   |   └── blog
|   |       └── page.js
│   ├── head.js
│   ├── layout.js
│   └── page.js
├── public/
│   └── favicon.svg
├── src/
│   ├── assets/
│   │   ├── images/
|   |   └── styles/
|   |       └── base.css
│   ├── components/
│   │   ├── atoms/
|   |   └── widgets/
|   |       ├── Header.astro
|   |       ├── Footer.astro
|   |       └── ...
│   │── content/
│   |   └── blog/
│   |       ├── demo-post-1.md
│   |       └── ...
│   ├── stories/
│   ├── utils/
│   └── config.mjs
├── package.json
└── ...

Ahli Selanjutnya Berikutnya.js? Hapus file ini. Perbarui config.mjs dan konten. Selamat bersenang-senang!

Perintah

Semua perintah dijalankan dari akar proyek, dari terminal:

Memerintah	Tindakan
npm install	Instal dependensi
npm run dev	Mulai server dev lokal di localhost:3000
npm run build	Bangun situs produksi Anda ke ./dist/
npm run preview	Pratinjau build Anda secara lokal, sebelum digunakan
npm run storybook	Open Storybook untuk melihat cerita berdasarkan widget
npm run format	Kode format dengan lebih cantik
npm run lint:eslint	Jalankan Eslint

Konfigurasi

Segera hadir ..

Menyebarkan

Deploy to Production (manual)

Anda dapat membuat bangunan produksi yang dioptimalkan dengan:

npm run build

Sekarang, situs web Anda siap digunakan. Semua file yang dihasilkan terletak di folder dist , yang dapat Anda gunakan untuk menggunakan folder ke layanan hosting yang Anda sukai.

Digunakan ke Netlify

Klon Repositori ini pada akun GitHub sendiri dan sebutkan ke Netlify:

Diseret ke Vercel

Klon Repositori ini pada akun GitHub sendiri dan sebarkan ke Vercel:

Peta jalan

Segera hadir ..

Berkontribusi

Jika Anda memiliki ide, saran atau menemukan bug, jangan ragu untuk membuka diskusi, masalah atau membuat permintaan tarik. Itu akan sangat berguna bagi kita semua dan kita akan dengan senang hati mendengarkan dan mengambil tindakan.

Ucapan Terima Kasih

Awalnya dibuat oleh OnWidget dan dikelola oleh komunitas kontributor.

Lisensi

Tailnext dilisensikan di bawah lisensi MIT - lihat file lisensi untuk detailnya.