DEV Community: Roby Cigar

How I Boost SEO with AI & Data Analysis

Roby Cigar — Wed, 23 Apr 2025 09:08:02 +0000

In the competitive world of e-commerce, SEO is the backbone of online visibility. For souvenirlilin.id, a website specializing in unique candle souvenirs, leveraging AI and data analysis transformed their SEO strategy—resulting in a surge from 257 clicks, 12.3k impressions, and a 2.1% CTR to even higher metrics. Here’s how I did it, step by step.

Step 1: Extract Keyword Data from Google Search Console

The journey began by exporting 3–6 months of keyword query data from Google Search Console. This dataset included metrics like search queries, impressions, clicks, CTR, and average position. This raw data became the foundation for uncovering hidden opportunities.

Step 2: Analyze Trends with ChatGPT

The dataset was uploaded to ChatGPT, paired with a strategic prompt to extract actionable insights:

ChatGPT Prompt Used:

*“Based on the provided dataset, please analyze and present the top 3 to 5 most interesting observations, highlights, or trends. This may include identifying segments (e.g., age, gender, etc.) that were more likely to respond in a certain way, significant patterns, or unexpected insights from the data.

Your analysis should be detailed and insightful, focusing on the most compelling aspects of the dataset. Provide a clear and concise summary that highlights the key findings, ensuring that the trends or observations are presented in an engaging and informative manner.

Please ensure that your response encourages creativity and originality in identifying and presenting the most compelling insights from the dataset while maintaining accuracy and relevance.”*

Here's the Example Insights from ChatGPT:

Long-Tail Keyword Opportunities: Queries like “custom wedding candles Bali” had high impressions but low clicks, signaling untapped content potential.
Seasonal Trends: Searches for “Christmas candle souvenirs” spiked in Q4, but existing content was under-optimized.
Local Intent: 40% of queries included location modifiers (e.g., “Jakarta,” “Bandung”), suggesting a need for geo-targeted pages.
Mobile Dominance: 75% of clicks came from mobile users, yet the site lacked mobile-first content structuring.

Step 3: Create Targeted Content at Scale

Using these insights, the team generated 50+ articles addressing gaps:

Localized Guides: “10 Best Wedding Candle Souvenirs in Bali” (targeting geo-specific queries).
Seasonal Content: “Festive Christmas Candles: 2023 Trends” (released ahead of Q4).
Mobile-Optimized Tutorials: “How to Personalize Candles on Mobile” (improving mobile engagement).

Each piece incorporated ChatGPT-identified keywords, driving relevance and alignment with search intent.

Step 4: Technical SEO Overhaul with Claude AI

Claude AI was tasked with optimizing technical SEO:

Meta Tag Optimization: Rewrote title tags and descriptions to include high-value keywords.
Rich Snippet Testing: Generated FAQ schema and product snippets, then validated them using Google’s Rich Results Test.

The Results

Within days, SouvenirLilin.id saw dramatic improvements:

Impressions: 12.3k → 15k+ (and climbing)
Clicks: 257 → 500+ daily
CTR: 2.1% → 3.3%
Average Position: Jumped from #9.4 to #5.2 for priority keywords

Key Lessons Learned

Data Drives Creativity: AI transforms raw numbers into storytelling opportunities (e.g., seasonal blogs).
Speed Matters: Claude AI streamlined technical fixes that would take weeks manually.
Test and Iterate: Regular Rich Results Tests and Ahrefs audits ensured sustained growth.

Conclusion

For SouvenirLilin.id, blending AI analysis with strategic execution unlocked unprecedented SEO success. By letting ChatGPT decode user intent and Claude AI refine technical health, they turned data into a growth engine.

Unable to create lockable file: /var/www/. Please ensure you have permission to create files in this location.

Roby Cigar — Tue, 22 Apr 2025 01:56:01 +0000

That error means the current user (probably root or www-data) doesn’t have write permissions to the Laravel storage directory or its subfolders.

🔧 Fix File Permissions

Run these commands to give proper ownership and permissions:

1. Give the web server user access (assuming you're using Apache or Nginx)

cd /var/www/html/million-candles/backend

# Set correct ownership (adjust 'www-data' if your web server uses a different user)
sudo chown -R www-data:www-data storage bootstrap/cache

# Give read/write/execute permission to owner
sudo chmod -R 775 storage bootstrap/cache

If you're running commands as root, and Laravel is executed via www-data, this ensures the app can write to the necessary folders.

✅ Recommended `.gitignore` reminder

Make sure storage contents like cache, logs, and sessions are ignored in Git:

/storage/*
!/storage/.gitignore
!/storage/framework/
/storage/framework/cache/*
!/storage/framework/cache/.gitignore

After Fixing Permissions

You can now retry the failed Git commands or run Laravel normally:

php artisan config:cache
php artisan route:cache

Let me know if your Laravel app is running on a different user or if you'd like to reset the file permissions entirely.

Photolithography Machines: Teknologi Canggih di Balik Pembuatan Chip Semikonduktor

Roby Cigar — Thu, 30 Jan 2025 18:52:00 +0000

Dalam dunia industri semikonduktor, photolithography adalah salah satu proses paling kritis dan kompleks. Proses ini melibatkan penggunaan mesin photolithography canggih, seperti ASML EUV (Extreme Ultraviolet) scanners, yang memungkinkan pembuatan chip dengan ukuran nanometer. Blog ini akan membahas apa itu photolithography, bagaimana mesin-mesin ini bekerja, dan mengapa ASML EUV scanners dianggap sebagai salah satu pencapaian teknologi terbesar dalam industri semikonduktor.

Apa Itu Photolithography?

Photolithography adalah proses yang digunakan untuk mencetak pola sirkuit elektronik pada wafer silikon. Proses ini mirip dengan mencetak foto, di mana cahaya digunakan untuk mentransfer desain chip ke permukaan wafer. Photolithography adalah langkah kunci dalam pembuatan chip semikonduktor, karena menentukan seberapa kecil dan efisien transistor dapat dibuat.

Bagaimana Photolithography Bekerja?

Proses photolithography melibatkan beberapa tahapan utama:

Pelapisan

Wafer silikon dilapisi dengan material fotosensitif yang disebut photoresist.
Pencahayaan

Desain chip diproyeksikan ke wafer menggunakan cahaya melalui sebuah masker (fotomasa). Cahaya ini mengubah sifat photoresist di area tertentu.
Pengembangan

Photoresist yang terkena cahaya akan larut, meninggalkan pola yang sesuai dengan desain chip.
Etsa dan Deposisi

Wafer kemudian melalui proses etsa (pengikisan) atau deposisi material untuk membentuk lapisan-lapisan sirkuit.

ASML EUV Scanners: Teknologi Terdepan dalam Photolithography

ASML, perusahaan Belanda, adalah pemimpin global dalam produksi mesin photolithography. Mesin EUV (Extreme Ultraviolet) buatan ASML adalah yang paling canggih saat ini dan memungkinkan pembuatan chip dengan node 5nm, 3nm, dan bahkan lebih kecil.

Apa yang Membuat ASML EUV Unik?

Sumber Cahaya EUV

EUV menggunakan cahaya dengan panjang gelombang 13.5nm, jauh lebih pendek daripada teknologi sebelumnya (193nm). Ini memungkinkan pencetakan pola yang lebih kecil dan presisi tinggi.
Kompleksitas Teknis

Mesin EUV adalah salah satu peralatan paling rumit yang pernah dibuat. Mereka terdiri dari lebih dari 100.000 komponen dan membutuhkan teknologi tinggi untuk menghasilkan dan memfokuskan cahaya EUV.
Kolaborasi Global

ASML bekerja sama dengan ratusan pemasok dan mitra teknologi, termasuk Zeiss (Jerman) untuk lensa dan Cymer (AS) untuk sumber cahaya. Hal ini menjadikan EUV sebagai produk kolaborasi global.

Mengapa ASML EUV Scanners Sangat Penting?

Mendorong Hukum Moore

Hukum Moore menyatakan bahwa jumlah transistor pada chip akan berlipat ganda setiap dua tahun. ASML EUV scanners memungkinkan industri semikonduktor untuk terus memenuhi prediksi ini dengan membuat transistor yang semakin kecil.
Mendukung Inovasi Teknologi

Chip yang dibuat dengan EUV digunakan dalam berbagai aplikasi canggih, seperti AI, 5G, dan komputasi kuantum. Tanpa EUV, perkembangan teknologi ini akan terhambat.
Dominasi Pasar

ASML adalah satu-satunya produsen mesin EUV di dunia, menjadikannya pemain kunci dalam rantai pasokan semikonduktor global. Perusahaan seperti TSMC, Samsung, dan Intel bergantung pada mesin ASML untuk memproduksi chip terkini.

Tantangan dalam Pengembangan EUV

Biaya Tinggi

Mesin EUV harganya bisa mencapai $150 juta per unit, menjadikannya salah satu peralatan paling mahal di dunia.
Kompleksitas Produksi

Membuat dan merawat mesin EUV membutuhkan keahlian tinggi dan rantai pasokan yang sangat khusus.
Keterbatasan Pasokan

Karena kompleksitasnya, ASML hanya bisa memproduksi sekitar 50 mesin EUV per tahun. Hal ini menciptakan bottleneck dalam industri semikonduktor.

Masa Depan Photolithography

High-NA EUV

ASML sedang mengembangkan generasi berikutnya dari EUV, yang disebut High-NA EUV. Teknologi ini akan menggunakan lensa dengan aperture numerik yang lebih tinggi, memungkinkan pencetakan pola yang lebih kecil dan presisi yang lebih baik.
Beyond EUV

Peneliti sedang mengeksplorasi teknologi baru, seperti lithography berbasis partikel (electron beam atau ion beam), untuk melampaui batas fisik EUV.
Integrasi dengan Teknologi Lain

Photolithography akan terus dikombinasikan dengan teknologi lain, seperti Directed Self-Assembly (DSA) dan nanoimprint lithography, untuk meningkatkan efisiensi dan mengurangi biaya.

Kesimpulan

Photolithography machines, terutama ASML EUV scanners, adalah jantung dari industri semikonduktor modern. Mereka memungkinkan pembuatan chip yang semakin kecil, cepat, dan efisien, yang pada gilirannya mendorong inovasi di berbagai bidang teknologi. Meskipun menghadapi tantangan seperti biaya tinggi dan kompleksitas produksi, masa depan photolithography tetap cerah dengan perkembangan teknologi seperti High-NA EUV dan beyond.

Dengan peran krusialnya dalam mendukung revolusi digital, tidak berlebihan untuk mengatakan bahwa photolithography adalah salah satu pencapaian teknologi terbesar abad ini.

Apakah Anda tertarik dengan teknologi semikonduktor atau ingin tahu lebih banyak tentang ASML EUV? Beri tahu kami di kolom komentar!

Mengenal Industri Semikonduktor: Pilar Teknologi Modern

Roby Cigar — Mon, 27 Jan 2025 13:29:32 +0000

Dalam beberapa dekade terakhir, industri semikonduktor telah menjadi salah satu sektor paling penting dalam perkembangan teknologi global. Semikonduktor, yang sering disebut sebagai "otak" dari perangkat elektronik, memainkan peran krusial dalam berbagai aspek kehidupan modern, mulai dari smartphone, komputer, kendaraan listrik, hingga infrastruktur jaringan 5G. Blog ini akan membahas lebih dalam tentang apa itu industri semikonduktor, mengapa ia begitu penting, serta tantangan dan peluang yang dihadapi oleh sektor ini.

Apa Itu Semikonduktor?

Semikonduktor adalah material yang memiliki sifat konduktivitas listrik antara konduktor (seperti tembaga) dan isolator (seperti kaca). Material ini biasanya terbuat dari silikon, yang kemudian diolah menjadi komponen elektronik seperti transistor, dioda, dan integrated circuit (IC). Komponen-komponen ini menjadi dasar dari hampir semua perangkat elektronik yang kita gunakan sehari-hari.

Mengapa Industri Semikonduktor Penting?

Dasar Teknologi Modern

Semikonduktor adalah fondasi dari revolusi digital. Tanpa semikonduktor, perangkat seperti smartphone, laptop, dan IoT (Internet of Things) tidak akan bisa berfungsi. Bahkan, industri otomotif modern pun sangat bergantung pada semikonduktor untuk mengembangkan kendaraan otonom dan listrik.
Pendorong Inovasi

Perkembangan semikonduktor memungkinkan inovasi di berbagai bidang, seperti kecerdasan buatan (AI), komputasi kuantum, dan energi terbarukan. Semakin kecil dan efisien semikonduktor, semakin besar kemungkinan untuk menciptakan teknologi yang lebih canggih.
Ekonomi Global

Industri semikonduktor bernilai miliaran dolar dan menjadi tulang punggung ekonomi digital. Negara-negara yang menguasai teknologi semikonduktor, seperti Amerika Serikat, Taiwan, Korea Selatan, dan Tiongkok, memiliki pengaruh besar dalam perekonomian global.

Proses Produksi Semikonduktor

Produksi semikonduktor adalah proses yang sangat kompleks dan membutuhkan presisi tinggi. Berikut adalah beberapa tahapan utamanya:

Desain

Desain chip dilakukan oleh insinyur menggunakan software khusus. Tahap ini menentukan fungsi dan performa chip.
Fabrikasi

Fabrikasi dilakukan di pabrik yang disebut "fab" atau foundry. Proses ini melibatkan pembuatan wafer silikon dan penambahan lapisan-lapisan material untuk membentuk transistor dan komponen lainnya.
Pengemasan dan Pengujian

Setelah fabrikasi, chip dikemas dan diuji untuk memastikan kualitas dan fungsionalitasnya.

Tantangan dalam Industri Semikonduktor

Kompleksitas Teknologi

Semakin kecil ukuran transistor (seperti 3nm atau 5nm), semakin sulit dan mahal proses produksinya. Hal ini membutuhkan investasi besar dalam penelitian dan pengembangan.
Ketergantungan Global

Industri semikonduktor sangat tergantung pada rantai pasokan global. Misalnya, Taiwan memproduksi lebih dari 60% chip dunia melalui perusahaan seperti TSMC. Ketergantungan ini menimbulkan risiko geopolitik dan gangguan pasokan, seperti yang terjadi selama pandemi COVID-19.

Keterbatasan Bahan Baku Silikon, bahan utama semikonduktor, membutuhkan proses ekstraksi dan pemurnian yang rumit. Selain itu, ada kekhawatiran tentang ketersediaan bahan baku lain seperti helium dan logam langka.

Peluang di Masa Depan

Era AI dan IoT

Semikonduktor akan terus menjadi kunci dalam pengembangan AI dan IoT. Chip khusus untuk AI, seperti GPU dan TPU, semakin dibutuhkan untuk aplikasi seperti pembelajaran mesin dan analisis data.
Kendaraan Listrik dan Otonom

Industri otomotif membutuhkan semikonduktor untuk mengembangkan kendaraan listrik dan otonom. Hal ini membuka peluang besar bagi perusahaan semikonduktor untuk berinovasi.
Energi Terbarukan

Semikonduktor juga berperan dalam teknologi energi terbarukan, seperti panel surya dan sistem penyimpanan energi. Ini menjadi area pertumbuhan yang menjanjikan.

Kesimpulan

Industri semikonduktor adalah pilar utama teknologi modern yang terus mendorong inovasi dan pertumbuhan ekonomi. Meskipun menghadapi berbagai tantangan, peluang di masa depan tetap besar, terutama dengan perkembangan AI, IoT, dan energi terbarukan. Bagi negara-negara yang ingin memimpin dalam era digital, investasi dalam industri semikonduktor adalah langkah strategis yang tidak bisa diabaikan.

Semoga blog ini memberikan gambaran yang jelas tentang pentingnya industri semikonduktor dan bagaimana ia membentuk masa depan kita. Jika Anda tertarik untuk mempelajari lebih lanjut, jangan ragu untuk menjelajahi topik-topik terkait seperti fabrikasi chip, rantai pasokan global, atau perkembangan terbaru dalam teknologi semikonduktor.

Apakah Anda tertarik dengan topik tertentu dalam industri semikonduktor? Beri tahu kami di kolom komentar!

Why I Chose Not to Work in an Office Job

Roby Cigar — Wed, 15 Jan 2025 13:46:13 +0000

For two years, I worked as a software engineer at a private company. My work hours were the usual 9-to-5, and my salary was more than enough for my needs. It felt like a steady and reliable job, the kind of job that many people aim for. But everything changed in June 2024 when I found out I had cancer. This news turned my world upside down and made me rethink my career and what I really wanted out of life.

When I got my diagnosis, everything started to feel harder. It wasn’t just the emotional stress; my body also felt very weak. I didn’t have the energy to sit at a desk all day, solve difficult problems, and meet deadlines. Even small tasks felt like they took a lot out of me. No matter how much I tried, I couldn’t keep up with the demands of a 9-to-5 job. I felt so tired all the time, and just the idea of going back to work felt overwhelming. I realized that my health had to come first.

Leaving my job was a really tough choice, but it was something I needed to do. Quitting meant giving up a stable income and leaving behind my coworkers, who had become my friends. But I knew it was the right thing for me. After I quit, I started helping my parents with their daily tasks. It made me feel good to help them and feel useful at home. This was something I hadn’t experienced before in the same way, and it gave me a new sense of purpose.

At the same time, I found out I really liked making content on Instagram and TikTok. I started sharing fun moments, ideas, and stories, and it turned into a creative outlet for me. Making videos helped me express myself and connect with other people. It also made me feel like I was still doing something meaningful, even though I wasn’t working a traditional job. It was exciting to see how others enjoyed my content, and it gave me a sense of accomplishment.

Alt: My first 3 million views on instagram

This change in my lifestyle also helped me find something I had been missing: work-life balance. I didn’t have to follow a strict schedule anymore, and I could plan my days in a way that suited me better. I could sleep in, spend time on things I enjoyed, and focus on staying healthy. This freedom gave me time to think about what I really wanted in life. I realized that I needed to find work that wasn’t too demanding but could still support me financially. This would let me keep living a balanced life that made me happy and healthy.

As I settled into this new way of living, I picked up hobbies that have brought me a lot of joy. I started doing parkour and going to the gym. These activities have helped me feel stronger and stay active. Parkour, especially, has taught me how to adapt and keep going even when things are hard. It’s also a lot of fun! Going to the gym has been a way for me to challenge myself and feel proud of what I can do. These hobbies keep me motivated and help me feel good about myself.

I’ve also started making new friends and connections. I’ve met other people who are also dealing with chronic illnesses, and we’ve formed a supportive community. It feels great to have friends who understand what I’m going through because they’ve been through it too. These friendships have given me strength and reminded me that I’m not alone in this journey.

At the same time, I’m spending time learning new things, especially in technology. Even though I’m not in an office job anymore, I still want to keep my skills sharp. Learning about new tech trends and tools has been really exciting. It makes me feel connected to my old career while also giving me ideas for the future. Maybe I’ll do freelance work or start my own projects. These learning experiences keep me inspired and ready for what’s next.

One part of my life that hasn’t changed is my medical treatment. I still go to RSUP Sardjito in Yogyakarta for my treatments, which happen about one to four times a month. These visits remind me that I’m still on this journey, but they also show me how far I’ve come. The doctors and nurses there have been so supportive, making my treatments a little easier to face. Even though it’s tough, I try to focus on the progress I’ve made and the strength I’ve gained.

I’m still figuring out what this new chapter of my life will look like. 😊 Whether it’s making videos, doing freelance work, or exploring other options, I’m focused on keeping a good balance between work and life. Leaving my office job was a big change, but I don’t regret it. This journey is about finding work that fits my values, keeps me healthy, and lets me live the way I want. 🌟 It’s been a challenging road, but it’s also been full of chances to grow, make new friends, and think about what success really means to me.

file_put_contents(...): Failed to open stream: No such file or directory

Roby Cigar — Thu, 28 Nov 2024 23:32:02 +0000

problem:

file_put_contents(/home/souv1390/public_html/jiwaku.souvenirlilin.com/mental-health-app/backend/storage/framework/sessions/B4BFl0ZHxq0c8wz4r7u2onSCR1eq5JFFQ1H9Ql9T): Failed to open stream: No such file or directory

yg udah dicoba:

composer dump-autoload
composer install
php artisan cache:clear
php artisan clear-compiled
chmod -R 775 storage

solution:
bikin folder /storage/framework/sessions
mkdir storage/framework/sessions

service worker

Roby Cigar — Fri, 16 Jun 2023 02:57:13 +0000

To add a service worker to your application, you'll need to follow a few steps. Service workers are JavaScript files that run in the background of your web application and enable features like offline caching and push notifications. Here's a basic outline of the process:

Create a Service Worker JavaScript file: Start by creating a new JavaScript file (e.g., service-worker.js) in the root directory of your application.

Register the service worker: In your main HTML file, add the following script tag to register the service worker. Place this code within the tag, usually just before the closing </body> tag. javascript Copy code if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/service-worker.js') .then(function(registration) { console.log('Service Worker registered with scope:', registration.scope); }) .catch(function(error) { console.log('Service Worker registration failed:', error); }); }); } Define the service worker logic: Open your service-worker.js file and add the necessary logic to handle events such as install, activate, and fetch. Here's a simple example: javascript Copy code // service-worker.js // Install event self.addEventListener('install', function(event) { event.waitUntil( caches.open('my-app-cache-v1') .then(function(cache) { return cache.addAll([ '/', '/index.html', '/styles.css', '/script.js', // Add additional files to cache as needed ]); }) ); }); // Activate event self.addEventListener('activate', function(event) { // Perform any necessary cleanup tasks }); // Fetch event self.addEventListener('fetch', function(event) { event.respondWith( caches.match(event.request) .then(function(response) { if (response) { return response; // Serve cached version if available } return fetch(event.request); // Otherwise, fetch from the network }) ); }); In this example, the service worker caches specified files during the installation event. Then, during the fetch event, it checks if the requested resource is available in the cache and serves it from there if possible. Otherwise, it fetches the resource from the network. Customize the caching logic: Modify the caching logic within the install event to cache the specific files and assets required by your application. You can add URLs to the cache.addAll method to include additional files or assets that should be available offline. Test and debug: Load your application in a supported browser (service workers are not supported in all browsers), and open the browser's developer tools to check for any errors or debug messages related to the service worker registration or caching. Update the service worker: Whenever you make changes to your service worker file, the browser will use the older version until all tabs with the website are closed. To force the service worker to update, you can add a versioning mechanism to the cache name (e.g., change 'my-app-cache-v1' to 'my-app-cache-v2'). Alternatively, you can use a tool like workbox to simplify service worker versioning and caching strategies. Remember, service workers have certain limitations and behaviors that you should be aware of. It's important to test and validate their functionality in various scenarios to ensure they work as expected for your specific application.

indexed db

Roby Cigar — Fri, 16 Jun 2023 02:22:09 +0000

// Open or create the IndexedDB database
const request = indexedDB.open('todo', 1);

// Handle database upgrade or creation
request.onupgradeneeded = function (event) {
  const db = event.target.result;

  // Create an object store
  const objectStore = db.createObjectStore('tasks', { keyPath: 'id', autoIncrement: true });

  // Create an index
  objectStore.createIndex('taskName', 'taskName', { unique: false });
};

// Handle successful database opening
request.onsuccess = function (event) {
  const db = event.target.result;

  // Perform database operations here
  // For example, you can add, delete, or retrieve data

  // Close the database connection (optional)
  db.close();
};

// Handle database opening errors
request.onerror = function (event) {
  console.error('IndexedDB error:', event.target.error);
};

// Open or create the IndexedDB database
const request = indexedDB.open('todo', 1);

// Handle database upgrade or creation
request.onupgradeneeded = function (event) {
  const db = event.target.result;

  // Create an object store
  const objectStore = db.createObjectStore('tasks', { keyPath: 'id', autoIncrement: true });

  // Create an index
  objectStore.createIndex('taskName', 'taskName', { unique: false });
};

// Handle successful database opening
request.onsuccess = function (event) {
  const db = event.target.result;

  // Start a transaction and get the object store
  const transaction = db.transaction(['tasks'], 'readwrite');
  const objectStore = transaction.objectStore('tasks');

  // Create a new task object
  const newTask = { taskName: 'Task 1', priority: 'High', completed: false };

  // Add the new task to the object store
  const requestAdd = objectStore.add(newTask);

  // Handle successful task addition
  requestAdd.onsuccess = function (event) {
    console.log('Task added successfully');
  };

  // Handle task addition errors
  requestAdd.onerror = function (event) {
    console.error('Error adding task:', event.target.error);
  };

  // Complete the transaction
  transaction.oncomplete = function () {
    // Close the database connection (optional)
    db.close();
  };
};

// Handle database opening errors
request.onerror = function (event) {
  console.error('IndexedDB error:', event.target.error);
};

Setup Symlink di CPanel

Roby Cigar — Thu, 30 Mar 2023 14:47:07 +0000

Cara Membuat Symlink di cPanel
Setidaknya ada 3 cara yang bisa anda gunakan, untuk membuat symlink di cPanel hosting. Berikut 3 cara yang bisa Anda pilih.

Cara 1. Membuat symlink melalui SSH
Untuk pengguna layanan hosting Medium keatas serta Cloud hosting, Anda dapat membuat symlink cPanel melalui SSH. Berikut adalah langkah-langkah membuat symlink melalui SSH cPanel:

Login ke cPanel hosting Anda.
Klik menu Terminal.
Masukkan perintah dengan format berikut:
ln -s target_path link_path
Contoh: misalkan Anda ingin membuat symlink laravel dari folder laravel/storage/app/public ke public_html/storage gunakan syntax berikut:

ln -s /home/usernamecpanel/laravel/storage/app/public /home/usernamecpanel/public_html/storage
(sesuaikan usernamecpanel sesuai username cPanel hosting Anda)

Cara 2. Membuat symlink melalui script PHP
Apabila paket hosting yang Anda gunakan belum support SSH, maka Anda bisa membuat symlink melalui script php.

Buatlah sebuah file, misalnya bernama symlink.php. Lalu anda bisa mengisi script tersebut, menggunakan contoh script PHP symlink sebagai berikut:

<?php
$target = $_SERVER['DOCUMENT_ROOT']."/../laravel/storage";
$link = $_SERVER['DOCUMENT_ROOT']."/storage";
if(symlink( $target, $link )){
echo "OK.";
} else {
echo "Gagal.";
}
?>
Keterangan :

Pada bagian “$target = $_SERVER[‘DOCUMENT_ROOT’].”/../laravel/storage“;” Silahkan sesuaikan path target storage folder yang digunakan.
Lalu, pada bagian “$link = $_SERVER[‘DOCUMENT_ROOT’].”/storage“;” . Silahkan sesuaikan ke path dimana folder storage akan di link kan.
Untuk menjalankan script tersebut silahkan langsung akses melalui https://namadomainanda.com/namafilesymlink.php atau sesuaikan dengan nama file php yang anda buat. Apabila setelah di eksekusi muncul “OK” . Berarti symlink folder storage Anda berhasil di buat.

Cara 3. Membuat symlink melalui Cron Job
Apabila paket hosting yang Anda miliki kebetulan tidak memiliki akses SSH, Anda masih tetap bisa membuat symbolic link dengan mudah, dengan menggunakan bantuan Cron Jobs.

Sebagai contoh, kali ini kami ingin membuat symbolic /public_html/dataku, yang diarahkan ke sebuah direktori yang berlokasi di /home/usercpanel/dataku. Berikut langkah-langkahnya:

Login ke cPanel, masuk ke menu Cron Jobs. Pilih Common Settings, kemudian pilih Once Per Minute. Pada kolom command, masukkan perintah berikut:

ln -s /home/usercpanel/dataku /home/usercpanel/public_html/dataku

Tunggu sekitar 1 menit, kemudian masuk ke File Manager, dan masuk ke public_html. Symbolic link dataku sudah berhasil dibuat. Apabila symbolic link dataku diklik, maka akan diarahkan ke dalam direktori /home/usercpanel/dataku.

Kembali lagi ke menu Cron Jobs, kemudian hapus cron jobs yang sudah dibuat sebelumnya. Langkah ini penting dilakukan, supaya cron job yang sudah dibuat tidak terus menerus terproses oleh cPanel.

How to Import Component in SwiftUI

Roby Cigar — Thu, 02 Mar 2023 07:54:29 +0000

In SwiftUI, components are created using views, and you can import them into your project by creating a new SwiftUI file and defining your view there. Here's an example of how to create a custom component and import it into your project:

Open Xcode and create a new SwiftUI file by selecting File > New > File... from the menu bar.
Select SwiftUI View as the template and click Next.
Enter a name for your view, such as MyComponent, and click Create.
Define your view in the body property of the struct. For example:
swift

struct MyComponent: View {
    var body: some View {
        VStack {
            Text("Hello, world!")
            Image(systemName: "star.fill")
        }
    }
}

Save the file and import it into your project by adding the following code to your SwiftUI view:

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            MyComponent()
            Text("This is my main view")
        }
    }
}

In this example, the MyComponent view is imported into the ContentView view using the name of the file and the name of the struct that defines the view. The MyComponent view can be used like any other SwiftUI view in the body property of the ContentView view.

You can define as many custom components as you need in separate files and import them into your project as needed. This allows you to modularize your code and reuse components across different views and projects.

How to Fetch Data in SwiftUI

Roby Cigar — Thu, 02 Mar 2023 07:52:39 +0000

Fetching data from an API in SwiftUI can be done using the URLSession class provided by the Swift standard library. Here's an example of how to fetch data from an API and display it in a SwiftUI view:

import SwiftUI

struct ContentView: View {
    @State private var data: [Post] = []

    var body: some View {
        List(data, id: \.id) { post in
            VStack(alignment: .leading) {
                Text(post.title)
                Text(post.body)
                    .font(.subheadline)
                    .foregroundColor(.secondary)
            }
        }
        .onAppear {
            fetchData()
        }
    }

    func fetchData() {
        guard let url = URL(string: "https://jsonplaceholder.typicode.com/posts") else { return }

        URLSession.shared.dataTask(with: url) { data, response, error in
            guard let data = data else { return }
            do {
                let posts = try JSONDecoder().decode([Post].self, from: data)
                DispatchQueue.main.async {
                    self.data = posts
                }
            } catch {
                print(error.localizedDescription)
            }
        }.resume()
    }
}

struct Post: Codable {
    let id: Int
    let title: String
    let body: String
}

In this example, a List is used to display the data fetched from the API. The @State property wrapper is used to store the fetched data as a property of the view. The onAppear modifier is used to trigger the fetchData() method when the view appears.

The fetchData() method uses URLSession.shared.dataTask(with:completionHandler:) to fetch data from the API. The fetched data is then decoded using JSONDecoder() and stored in the data property using the DispatchQueue.main.async method to ensure that the UI is updated on the main thread.

Note that in this example, the Post struct conforms to the Codable protocol, which allows it to be decoded from JSON data using the JSONDecoder() class provided by the Swift standard library. If the API returns data in a different format, you may need to use a different decoding method or update the Post struct to match the data format.

How to Install C++ Language Server on VIM

Roby Cigar — Wed, 11 May 2022 12:57:26 +0000

In this tutorial i'll show you how to install language server on vim/nvim.

1. Firstly, you need to install the ccls

sudo pacman -S ccls or sudo apt install ccls.

2. Install coc.nvim

Inside vim config(put this following line inside .vimrc or ~/.config/nvim/init.vim).

Plug 'neoclide/coc.nvim', {'branch': 'release'}

3. Set coc.nvim configuration

Open vim, go to insert mode(press esc) and type :CocConfig, then a popup file will be shown and then copy paste the following script:

{
"languageserver": {
  "ccls": {
    "command": "ccls",
    "filetypes": ["c", "cc", "cpp", "c++", "objc", "objcpp"],
    "rootPatterns": [".ccls", "compile_commands.json", ".git/", ".hg/"],
    "initializationOptions": {
        "cache": {
          "directory": "/tmp/ccls"
        }
      }
  }
}
}

4. Here's some of the features you can try:

Tab for completion
<cr> to choose first completion item
gd to jump to definition
gr for references
gy for type definition
K for documentation
<leader>rn for renaming
if, ic for func/class selection in visual mode
<space>a to list diagnostics
[g and ]g to go prev/next in diagnostics

DEV Community: Roby Cigar

How I Boost SEO with AI & Data Analysis

Step 1: Extract Keyword Data from Google Search Console

Step 2: Analyze Trends with ChatGPT

Step 3: Create Targeted Content at Scale

Step 4: Technical SEO Overhaul with Claude AI

The Results

Key Lessons Learned

Conclusion

Unable to create lockable file: /var/www/. Please ensure you have permission to create files in this location.

🔧 Fix File Permissions

1. Give the web server user access (assuming you're using Apache or Nginx)

✅ Recommended .gitignore reminder

After Fixing Permissions

Photolithography Machines: Teknologi Canggih di Balik Pembuatan Chip Semikonduktor

Apa Itu Photolithography?

Bagaimana Photolithography Bekerja?

ASML EUV Scanners: Teknologi Terdepan dalam Photolithography

Apa yang Membuat ASML EUV Unik?

Mengapa ASML EUV Scanners Sangat Penting?

Tantangan dalam Pengembangan EUV

Masa Depan Photolithography

Kesimpulan

Mengenal Industri Semikonduktor: Pilar Teknologi Modern

Apa Itu Semikonduktor?

Mengapa Industri Semikonduktor Penting?

Proses Produksi Semikonduktor

Tantangan dalam Industri Semikonduktor

Peluang di Masa Depan

Kesimpulan

Why I Chose Not to Work in an Office Job

file_put_contents(...): Failed to open stream: No such file or directory

service worker

indexed db

Setup Symlink di CPanel

How to Import Component in SwiftUI

How to Fetch Data in SwiftUI

How to Install C++ Language Server on VIM

1. Firstly, you need to install the ccls

2. Install coc.nvim

3. Set coc.nvim configuration

4. Here's some of the features you can try:

✅ Recommended `.gitignore` reminder