teleren/devto huggingface dataset:
Shopify Drag-and-drop checkout editor
Tags: webdev, javascript, programming, ecommerce
Published: 2023-02-09 20:35:02

Easily edit the look of your checkout with the [new checkout editor](https://help.shopify.com/en/manual/checkout-settings/checkout-extensibility?_gl=1*19bejd9*_ga*NDU0ODEwNzcuMTY3NTcxNTY2Ng..*_ga_B7X5MKCR35*MTY3NTk3NDQxOS42LjEuMTY3NTk3NDU2Mi42MC4wLjA.*_fplc*SDFLYUUlMkZDS00xTXh6RUs0MFZmOTlxRk1NYnR2MjQlMkIxamhUQURZdmprWnJONHdVb213U3JDajdDTGZva0JkYmlEWUVrOWRZVXl1YSUyRmNkdXlLRmxjJTJCMzBSJTJGdDFxbDhKcXAxMFhwZEluUjV1UHE2WVYlMkJiM3lSZ25qdlZ0cGFnJTNEJTNE), which seamlessly integrates with Shop Pay for a consistent brand and buyer experience. Exclusive to Shopify Plus.

Add your brand’s logo, change the background color or image, and update the font of your checkout.
Install checkout apps that integrate with the editor to add more functionality to your checkout experience.
Next.js ready to go
Tags: webdev, react, tutorial, typescript
Published: 2023-02-09 20:34:42

So far I have been trying Next.js with different configurations and tools but in the day to day of things I want my project to be able to do all of that at the same time.

That's why now I want to create a project with everything ready to go, but looking at the documentation of Next.js only a few options can be set with the Create Next App command.

There are two ways of doing this just using the command `npx create-next-app@latest` and answering some questions or you can add arguments to the command line ([see here more detail](https://nextjs.org/docs/api-reference/create-next-app)). I'm going to go with the first option.

![create next app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pgmi3xx6m1xgh37smgyh.png)

This are the basics that I want to have
1. [Integration with ESLint](https://dev.to/celest67/nextjs-with-eslint-3gl5) 
2. [TypeScript integration](https://dev.to/celest67/nextjs-and-typescript-55ha)
3. [Testing with Cypress](https://dev.to/celest67/nextjs-with-cypress-3a5b)
4. [Testing with React Testing Library](https://dev.to/celest67/nextjs-with-jest-react-testing-library-3cc6)

ESLint and Typescript I should have because it asked me and I said yes. And indeed I have config files for both.

![config eslint](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eighrcg5a5sxqic5kogy.png)

![config ts](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g89z5u1bl4t5znsud1rv.png)

And I do have everything that I need in the `package.json`

![package json](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ruaa45e3hbs9th8gzedf.png)

I still want to check that everything is running ok, before I do anything else.

![npm run lint dev](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79y3esvyym77sddqndxj.png)

Everything looks ok, so I'm going to follow the instructions in [https://dev.to/celest67/nextjs-with-jest-react-testing-library-3cc6](https://dev.to/celest67/nextjs-with-jest-react-testing-library-3cc6) and do some testing.

![react testing library](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aactwzbsal32mv1b4a2y.png)

Great, no issues, so I will add cypress following the instructions in [Next.js with Cypress](https://dev.to/celest67/nextjs-with-cypress-3a5b)

And again no trouble at all

![cypress running](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7tqbecy7eoca3jzokkbx.png)

This was really easy and now I can have a template for when I need to start a project for some project or something, you can see the repo here https://github.com/celest67/full-nextjs

That is it for now, next I want to try to see how easy it would be to do a demo or a POC of some library.

Cheers.
Shopify One-page checkout
Tags: ecommerce, webdev
Published: 2023-02-09 20:33:33

The [checkout ](https://www.shopify.com/checkout)you know and trust is getting a major overhaul. This year, we're rolling out an all-new, one-page checkout. Inspired by Shop Pay's proven conversion, it's faster, higher-converting, and exactly what your customers expect.

Fewer fields to enter make it faster for customers to complete their purchase.
Fewer page loads mean less friction for customers, which leads to higher conversion.
osdc-2023-assignment5
Tags: osdc, github
Published: 2023-02-09 20:15:00

---
series: osdc
---

__How to make my own repository and edit it locally?__

Unfortunately I missed lesson 4, but I was in Amsterdam so at least had some fun.
I decided to make my own R plot repository in GitHub, as I use R a lot and many times I repeat my code. I think this could be useful although I am sure there are many similar repositories.

__How?__
I wrote a first piece of R code and put that in a linux server which have R installed. I wrote a short R script and saved it, and did:

```
git status
git add 'main.R'
git commit -m "my first script in my new R rep0"

```
Now I went to GitHub and opened a [new repo](https://github.com/anatlavitzkovitz/visualization_with_R).

back to the remote I wrote:
```
git remote add origin git@github.com:anatlavitzkovitz/visualization_with_R.git
git branch -M main
git push -u origin main

```

__but...__
Permission denied (publickey).
fatal: Could not read from remote repository.

oh.... I forgot to add the ssh key to my GitHub keys.
After doing that (explained in more details [here](https://dev.to/anatlavitzkovitz/osdc-2023-assignment3-ok9))- it worked.

I added a README file via GitHub with some details. It still needs a lot more work but I hope to add some more details and code soon.

################ 
__How to clone and make local changes to another open source project?__

I entered some of my colleagues [Shuly's repo](https://github.com/ShulyAvraham/LIMS_results_validation/issues/5)
 and [Adi's repo](https://github.com/adieg/MyProject) and added 
some issues.

now I want to make some pull requests to my friend's repos @shulyavraham:

```
git clone git@github.com:ShulyAvraham/LIMS_results_validation.git
git checkout -b addrequirements

```
Now add some changed such as:
added #test to requirements.txt (not a very useful package..)


```
git add requirements.txt
git commit -m "updated requirements.txt"
git push

```

ERROR: Permission to ShulyAvraham/LIMS_results_validation.git denied to anatlavitzkovitz.
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

ha ha... I need to make my fork and than a pull request from there!

I went to [Shuly's repo](https://github.com/ShulyAvraham/LIMS_results_validation/issues/5)
and made a fork. back to my remote now:

```
git remote add fork git@github.com:anatlavitzkovitz/LIMS_results_validation.git

git remote -v
fork    https://github.com/anatlavitzkovitz/LIMS_results_validation (fetch)
fork    https://github.com/anatlavitzkovitz/LIMS_results_validation (push)
origin  git@github.com:ShulyAvraham/LIMS_results_validation.git (fetch)
origin  git@github.com:anatlavitzkovitz/LIMS_results_validation.git (push)

git push --set-upstream fork addrequirements

```

now I have a pull request in my fork. send to Shuly!
How To Start a Development Server for Your Project
Tags: webdev, node, javascript, beginners
Published: 2023-02-09 20:07:50

Starting a development server for your project can be a bit tricky, especially if you're using a build tool like Webpack. In this blog post, we'll go through the process of starting a development server using the npm run command and the `--host` flag.

The npm run command is used to run scripts defined in the project's package. Json file. These scripts can be used for tasks such as building, testing, and starting development servers. The `--host` flag is an optional argument that can be passed to a script, it allows you to specify the hostname or IP address that the development server should bind to.

In the package. Json file of your project, you should have a script called dev that starts the development server. The script might look something like this:


```
"scripts": {
  "dev": "webpack-dev-server --config webpack.dev.js"
}


```
To start the development server, you would use the following command:

```
npm run dev

```
This will start the development server and it will be accessible on `http://localhost:8080 `by default.

If you want to start the development server and bind it to a specific IP address or hostname, you can use the `--host` flag. For example, if you want to start the development server and bind it to the IP address `127.0.0.1`, you would use the following command:

```
npm run dev -- --host=127.0.0.1
```


This will start the development server and it will be accessible only on the localhost, i.e, it can only be accessed from the machine on which it is running.

It's also possible to specify a different port using the 

```
--port
```
 flag, like this:

```
npm run dev -- --port=3000

```

This will start the development server on `port 3000` instead of the default 8080.

In case you are using a different build tool, the syntax for starting the development server might be different. However, the concept of passing arguments to scripts using the `npm run` command is the same.

That's it! You should now have a development server running and bound to the IP address or hostname of your choice. Keep in mind that this is just a basic example, and you can customize and add more functionality to your development server as per your requirements.

please if you enjoy reading this article, subscribe to my YouTube channel MY [Channel](https://www.youtube.com/channel/UCJQmbtiMOaWro6ZCstnkhkg)

please if you enjoy reading this article, follow me on [Twitter](https://twitter.com/Clericcoder)
My Journey into the World of Cloud Computing: An Introduction.
Tags: cloud, aws, devops, firstpost
Published: 2023-02-09 20:04:16

I've always been fascinated by the power of technology to solve complex problems and drive innovation. Recently, I've become interested in cloud computing and the ways it's changing the way we think about computing and the way we build and deploy applications. I've decided to embark on a journey to learn more about cloud computing, and I'd like to share my experiences and insights along the way.

**What is Cloud Computing?**

In simple terms, cloud computing refers to the delivery of computing resources, including servers, storage, databases, networking, software, and analytics, over the internet. With cloud computing, you no longer need to maintain physical servers and storage devices in your office or home, as the cloud provider takes care of the infrastructure and maintenance. This allows you to focus on developing and deploying your applications and services without worrying about the underlying technology.

**Why I'm Excited About Cloud Computing**

I'm excited about cloud computing because of the many benefits it offers, including lower costs, increased agility and scalability, and enhanced security and reliability. Cloud computing allows you to leverage the expertise of the cloud provider and focus on what you do best - developing software.

Another aspect of cloud computing that appeals to me is the sheer number of services and resources available. From virtual machines and storage to databases and machine learning, cloud computing offers a wealth of services and tools that can help you build and deploy powerful applications and services.

**Journaling My Journey into Cloud Computing**

Through this blog, I'll be sharing my experiences as I explore the world of cloud computing. 

I hope you'll join me on this journey as I explore the world of cloud computing and discover all that it has to offer. If you have any questions or suggestions, please feel free to reach out and let me know!
DNN Community: How has DNN Improved Your Life Over the Years?
Tags: dnncms, cms, aspnet, opensource
Published: 2023-02-09 19:45:28


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lyu034anr8d2zus1yhio.png)  

While a lot of people were doing all of their holiday parties, shopping, and other activities, [DNN](https://dnncommunity.org) itself had a little secret...  It turned 20 years young!  You read that correctly.  DNN was released more than 20 years ago, on Christmas Eve of 2022.  Since then, DNN has helped millions of developers, business owners, marketers, designers, and others build incredible websites and website applications of all sizes, in all industries.  

It is so cool (and a bit crazy) to me that DNN has done so much for so many people and businesses.  With that spirit and gratefulness in mind, as yet another way to give back to the community, we decided to produce a handful of videos for you all to enjoy.  

## How has DNN Improved Your Life Over the Years?  

We sent an invitation out to several community members, asking a single question, "How has DNN improved your life over the years?"  
The videos we received were awesome.  You'll not only find them on YouTube and in the DNN community video library, but we put them all here for you to enjoy all in one place.  

**Long Version**  

{% youtube TKNkApdRsww %}  

**Short Version**  

{% youtube sQMXoIRBruc %}  

Here are the full versions of each individual video.  If you know any of these community members, we encourage you to reach out to them and speak to them about their DNN community experiences.  Maybe there's something you can do with them to help the community grow in some way.  (That's always good for all of us. #abundance)  

### Cassidi Peterson  

{% youtube bLuEAAJMFj8 %}  

### Cathy Lee  

{% youtube KrKMYLnqzaI %}  

### Clint Patterson  

{% youtube ovCp68d4hn0 %}  

### Will Strohl  

{% youtube UfWyXJ_QgaE %}  

### Don Gingold  

{% youtube H_g-ItjeoG8 %}  

### Jeremy Farrance  

{% youtube 9de38UbpH5E %}  

### Aderson Oliveira  

{% youtube VWqBJPUPZ9E %}  

We hope these videos bring a little bit of joy to your day!  :) 

This blog post is [cross-posted](https://dnncommunity.org/blogs/Post/14312/DNN-Community-How-has-DNN-Improved-Your-Life-Over-the-Years) from the official DNN Community website.
How to verify PAN no. in node.js
Tags: india, api, node, javascript
Published: 2023-02-09 19:41:24

![42Cr PAN Cards can be verified using Eko APIs](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/td3oemdaryndb0mqjh9q.jpg)

You might need to verify your customer's identity in your app. PAN verification API by Eko can come handy here. The complete documentation can be found [here](https://developers.eko.in/reference/pan-verification). We will walk through the complete process for a nodejs app in this article.


## 1. Install Eko's node.js SDK

```
npm install @ekoindia/eko-sdk-node
```

## 2. Initialize the SDK

```
const Eko = require('@ekoindia/eko-sdk-node')
//Initialize the Eko library
const ekoAPI = Eko.init({
    hostname: "staging.eko.in",//For prod, change to eko.in
    port: 443,
    developerKey: "becbbce45f79c6f5109f848acd540567",
    authKey: "f74c50a1-f705-4634-9cda-30a477df91b7",
    initiatorId: "9971771929"
})
```

* For testing environment: use the [`developer_key`, `key` and `initiator_id` as provided on this page](https://developers.eko.in/docs/platform-credentials)
* For production environment: Signup at https://connect.eko.in (more details about this at the end of this article)

## 3. Verify PAN

```
//Verify PAN
ekoAPI.verifyPAN({
    panNumber: 'pan number',
    purpose: 'purpose of verification',
    purposeDescription: 'description of the purpose'
}, function(err, result){
    console.log(JSON.stringify(result));
})
```

Check out [`eko-sdk-node`](https://github.com/ekoindia/eko-sdk-node) for more details. If you have any question or feature request, [create an issue](https://github.com/ekoindia/eko-sdk-node) on GitHub repo or [Eko Developer Community on Discord](https://eko.gg/ekodevs)

## 4. Get API credentials for the production

1. Go to https://connect.eko.in
2. Enter your PAN no.
3. Enter your firm's details
4. Set a 4 digit secret pin
5. Choose plan combo 1 (it has access to all the APIs including PAN KYC APIs)
6. Sign the agreement (via Aadhar OTP)
7. Submit the documents required for your firm's verification

Once the verification is completed, you will get the credentials for the production. You can then deploy your solution to production with these credentials.

### Resources
- [Eko Developer Community on Discord](https://eko.gg/ekodevs)
- [Eko API docs](https://developers.eko.in/docs)
nyc school jobs 2023
Published: 2023-02-09 19:21:26

[https://multischolar.com/school-calendar-nyc/](https://multischolar.com/school-calendar-nyc/#utm_source=backlinks&utm_medium=search&utm_campaign=darry+ring+us&utm_content=Michelle)
https://plaza.rakuten.co.jp/chenlee/diary/202302100000/
https://www.provenexpert.com/nyc-school-jobs/
https://www.producthunt.com/@nycschooljobs
https://www.divephotoguide.com/user/nycschooljobs/
https://vocal.media/authors/nycschooljobs
https://www.lifeofpix.com/photographers/nycschooljobs/
https://seedandspark.com/user/nycschooljobs
https://rosalind.info/users/nycschooljobs/
http://phillipsservices.net/UserProfile/tabid/43/userId/198315/Default.aspx
https://app.roll20.net/users/11611073/nycschooljobs
https://speakerdeck.com/nycschooljobs
https://social.msdn.microsoft.com/Profile/nycschooljobs
https://camp-fire.jp/profile/nycschooljobs
https://plazapublica.cdmx.gob.mx/profiles/nycschooljobs/activity
https://www.metal-archives.com/users/nycschooljobs
https://storium.com/user/nycschooljobs
https://trabajo.merca20.com/author/nycschooljobs/
https://www.intensedebate.com/people/nycschooljobs
https://www.mifare.net/support/forum/users/nycschooljobs/
https://pinshape.com/users/2571312-nycschooljobs
http://foxsheets.com/UserProfile/tabid/57/userId/120464/Default.aspx
https://www.kompasiana.com/nycschooljobs
https://www.credly.com/users/nyc-school-jobs/badges
https://www.myminifactory.com/users/nycschooljobs
https://www.sqlservercentral.com/forums/user/nycschooljobs
https://www.longisland.com/profile/nycschooljobs
https://guides.co/a/nyc-school-jobs/
https://myanimelist.net/profile/nycschooljobs
https://www.iheart.com/podcast/269-nyc-school-jobs-108612908/
Monthly Challenge #4: Valentine's Day 💘
Tags: challenge, html, beginners, codenewbie
Published: 2023-02-09 19:08:57

What better way to celebrate Valentine's Day than by sharing a poem with your friends and family? In this challenge, you will create a poem on a web page using HTML. 💌

**Requirements:**

- Use a combination of at least five common HTML elements, such as headings, paragraphs, lists, and text formatting.
- The poem can take on any form you like! You can freestyle with as many lines as your heart desires, but here are some suggestions for common poem types:
  - Sonnet (14 lines)
  - Haiku (3 lines; 5 syllable, 3 syllables, 5 syllables, respectively)
  - Limerick (5 lines; rhyme scheme AABAB)

**Bonus:**

Make your Valentine's Day poem as pretty or complex in style (background color, border, etc.) by doing one of the following:

- Use a `<style>` element in the `<head>` of the document.
- Apply a global style attribute to various elements in the `<body>` of the document.

[Try our free course](www.codedex.io/html) if you need a quick refresher on HTML!

Submit a screenshot of your web page by Feb 14th for a chance to win a special surprise! If you want, you can tag the person the valentine is for so they can see it.

May the best poet win. 💕
Discover the Hidden Gems of NPM: 20 Little-Known Commands for Node Package Management
Tags: npm, javascript, beginners, webdev
Published: 2023-02-09 19:00:44

**Node Package Manager** (NPM) is the go-to tool for managing packages and modules in Node.js. But did you know that there's a whole trove of lesser-known NPM commands that can make your life as a developer much easier?

In this article, we'll take a look at 20 of the most useful, yet often overlooked NPM commands. These hidden gems are sure to save you time and make your development process smoother.

* **npm link** Creates a global symbolic link, allowing you to use a package you're developing locally as if it was globally installed.

* **npm prune** Removes extraneous packages that are no longer listed as dependencies in your package.json file.

* **npm dedupe** Searches your project's dependencies for duplicates and eliminates them, reducing the size of your node_modules directory.

* **npm ls** Shows a tree view of your installed packages and their dependencies.

* **npm prefix** Displays the path to the global installation directory for NPM packages.

* **npm config edit** Opens the NPM configuration file in your default text editor, allowing you to make changes to your NPM settings.

* **npm bin** Shows the path to the bin directory where your globally installed packages are stored.

* **npm root** Displays the path to the root of your current project's dependencies.

* **npm shrinkwrap** Locks down the versions of your project's dependencies, ensuring that your project can be recreated in an identical state at a later time.

* **npm help [command]** Shows information and usage instructions for a specific NPM command.

* **npm docs [package-name]** Opens the documentation for a specific package in your default browser.

* **npm repo [package-name]** Opens the GitHub repository for a specific package in your default browser.

* **npm whoami** Shows the username you're currently logged in with on the NPM registry.

* **npm fund** Shows information about the funding and financial status of a specific package.

* **npm explore [package-name]** Opens the directory for a specific package in your default file explorer.

* **npm issue [package-name]** Opens the issues page for a specific package in your default browser.

* **npm bugs [package-name]** Alias for npm issue [package-name].

* **npm test [package-name]** Runs the tests for a specific package.

* **npm run-script [script-name]** Alias for npm run [script-name].

* **npm config delete [key]** Deletes a specific configuration option for NPM.

And there you have it! With these 20 lesser-known NPM commands, you're now equipped to take your Node.js development to the next level. Happy Coding!
Discover’s unique IT training platform builds skills and community
Tags: innersource, opensource, career, productivity
Published: 2023-02-09 18:59:41

Check out this [CIO article](https://www.cio.com/article/420188/discovers-unique-it-training-platform-builds-skills-and-community.html) to learn about the Discover Technology Academy and how we're empowering our developers to build their craft every day.
A Complete Guide To Playwright Assertions
Tags: playwright, beginners, javascript, tutorial
Published: 2023-02-09 18:39:31

Assertions play a crucial role in the test automation process, allowing you to verify if the actual results match the expected outcomes. 

Playwright's assertions address the issue of test flakiness and feature a built-in retry mechanism, utilizing the expect library from Jest for its test assertions.

Discover the basics of Playwright assertions with this comprehensive [tutorial](https://www.lambdatest.com/learning-hub/playwright-assertions). Learn how to use this tool for efficient and effective testing.