gatsby starter landing page

Pemula Halaman Arahan Gatsby

Pemula halaman arahan yang sederhana, minimal, dan mudah digunakan tanpa segala macam fitur yang harus Anda hapus nanti. Buat halaman arahan super cepat dan indah dari template barebone dengan satu halaman yang sudah terlihat bagus.

Prasyarat

Jika Anda belum menginstal Gatsby CLI, lakukan terlebih dahulu.

npm install --global gatsby-cli

Gatsby CLI menggunakan Node dan npm yang juga perlu Anda instal. Informasi lebih lanjut dapat ditemukan di GatsbyJS.org.

Memulai

Instal starter menggunakan perintah Gatsby new.

gatsby new landing-page https://github.com/gillkyle/gatsby-starter-landing-page.git

Navigasikan ke direktori proyek dan luncurkan situsnya.

 cd landing-page && gatsby develop

Situs ini akan dibuka di browser default Anda di http://localhost:8000

Edit kode di /src , simpan perubahan Anda, dan perubahan tersebut akan langsung dimuat ulang di browser.

? Apa yang ada di dalamnya?

Pemula laman landas minimal hadir dengan beberapa plugin yang sudah terinstal, namun fokus utamanya adalah tetap sederhana dan terlihat bersih. Hal-hal ini disertakan secara default:

• ? Gambar Gatsby: gambar yang ditambahkan ke folder src/images secara otomatis dioptimalkan oleh plugin gatsby-image dan dapat ditarik ke dalam komponen dengan efek pemuatan lambat dan buram
• Analytics: tambahkan id pelacakan Google Analytics Anda ke gatsby-config.js untuk mulai melacak pengunjung situs secara otomatis
• ? Peta Situs: setiap halaman baru yang ditambahkan ke situs secara otomatis dirangkai menjadi peta situs melalui gatsby-plugin-sitemap
• ? Tema Warna: file src/styles/constants.js berisi sekumpulan warna dan gaya default yang diterapkan sebaris ke komponen di situs yang dapat diganti dengan gaya Anda sendiri

? Percobaan

Jika Anda ingin mencoba bermain-main dengan kode sumber di taman bermain online Anda dapat membuka repo di Codesandox dengan tombol ini.

? Menyebarkan

Jika Anda hanya ingin melihat situs online dengan sangat cepat, Anda dapat menyebarkan salinan situs tersebut ke Netlify dengan tombol ini.

Untuk membuat versi situs yang dioptimalkan, jalankan perintah ini

gatsby build

Folder /public akan dirakit yang dapat diterapkan ke layanan seperti Netlify, Surge, GitHub Pages, AWS S3, Firebase hosting, atau server file Anda sendiri.