INSTALL PDF TOOLKIT DI SERVER UBUNTU 22.04: Difference between revisions
No edit summary |
No edit summary |
||
| Line 5: | Line 5: | ||
Installation & Setup | Installation & Setup | ||
1. Clone the repository: | ==1. Clone the repository: == | ||
- git clone <nowiki>https://github.com/yashdhanani/pdf-toolkit-app.git</nowiki> | - git clone <nowiki>https://github.com/yashdhanani/pdf-toolkit-app.git</nowiki> | ||
| Line 11: | Line 11: | ||
- cd pdf-toolkit-app | - cd pdf-toolkit-app | ||
2. Install dependencies: | ==2. Install dependencies:== | ||
- npm install | - npm install | ||
3. Start the development server: | ==3. Start the development server:== | ||
- npm run dev | - npm run dev | ||
| Line 21: | Line 21: | ||
- Open <nowiki>http://localhost:5173/pdf-toolkit-app/</nowiki> in your browser. | - Open <nowiki>http://localhost:5173/pdf-toolkit-app/</nowiki> in your browser. | ||
4. Build for production: | ==4. Build for production:== | ||
- npm run build | - npm run build | ||
5. Preview the production build: | ==5. Preview the production build:== | ||
- npm run preview | - npm run preview | ||
| Line 34: | Line 34: | ||
Cara merubahnya | Cara merubahnya | ||
nano vite.config.js | ''nano vite.config.js'' | ||
Revision as of 14:04, 27 August 2026
PDF Toolkit: Utilitas PDF Berbasis Browser yang Serbaguna. Aplikasi web modern dan responsif yang dibangun menggunakan React dan Vite, serta didukung oleh UnoCSS untuk penataan gaya yang sangat cepat. Alat ini memungkinkan pengguna melakukan berbagai manipulasi PDF umum langsung di dalam browser, sehingga menjamin privasi dan efisiensi.
Sumber : https://github.com/yashdhanani/pdf-toolkit-a
Installation & Setup
1. Clone the repository:
- git clone https://github.com/yashdhanani/pdf-toolkit-app.git
- cd pdf-toolkit-app
2. Install dependencies:
- npm install
3. Start the development server:
- npm run dev
- Open http://localhost:5173/pdf-toolkit-app/ in your browser.
4. Build for production:
- npm run build
5. Preview the production build:
- npm run preview
Untuk akses menggunakan domain misalnya domain : pdf.smpyppksantodonboscofakfak.sch.id, yang harus di rubah adalah file vite.config.js
Cara merubahnya
nano vite.config.js
Tampilan bagian atas sebelum di rubah :
export default defineConfig({
base: '/pdf-toolkit-app/',
plugins: [
Tampilan sesudah di rubah :
export default defineConfig({
base: '/pdf-toolkit-app/',
server: {
allowedHosts: ['pdf.smpyppksantodonboscofakfak.sch.id'],
},
plugins: [
setelah itu simpan file vite.config.js dengan tekan Control X, kemudian tekan Y, lalu coba akses menggunakan domain